My HTML :
<ul>
<li>First Book</li>
<li>Second Book</li>
<li>Third Book</li>
</ul>
My CSS:
.footer-nav{
text-align:center;
}
ul{
text-align:center;
}
.footer-nav li{
display:inline-block;
list-line-position:inside;
}
Output
The text shows up in the center, but the “bullets” are still on the left corner of the page.