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