Preview:
<html>

<head>
    <style>
        div.container {
          text-align: center;
        }
        
        ul.myUL {
          display: inline-block;
          text-align: left;
        }
        
        li {
          font-size: 40px;
        }
    </style>
</head>

<body>

    <div class="container">
        <h2>How To Center a List</h2>
        <ul class="myUL">
            {lis}
        </ul>
    </div>

</body>

</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter