Please help ! Unable to get the bulleted list <ul> elements to center align

#1

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.

#2

Try this:

Hope that helps! :grinning:

2 Likes
#3

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

#4

Thank you @ToddPaben this helped me fix my code and get the bullets to line up.

#5

Thanks @ArielLeslie its my first time in this forum. I will follow the backticks for the next time around.