<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>
Preview:
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