#inlinelist
{
    display:inline;
    padding:1px;
    border:solid 1px;
    margin-left:15%;
}
</style>

<div>
<ul style="list-style-type:none;
position:inherit;
width:100%;">
<li id="inlinelist">ggl</li>
<li id="inlinelist">ggl</li>
<li id="inlinelist">ggl</li>
<li id="inlinelist">ggl</li>
</ul>
</div>

<meta name="viewport" content="width=device-width,initial-scale = 1.0,maximum-scale = 1.0”>

@media screen and (min-width: 820px) and (max-width: 920px) {
  @viewport { width: 820px; }

}