/CSS/How to align list to the centre in css

How to align list to the centre in css

How to center a list in html

/* Either center the list directly or center the parent element */

ul {
 text-align: center;
}

/* OR */

div .list {
 text-align: center;
}

Center ul

dropdwon-menu {
	left: 50%;
	transform: translateX(-50%);
}

How to align list to the centre in css

<div id="menu-centered">
     <ul>
          <li><a href="">My first item</a></li>
          <li><a href="">My second item</a></li>
          <li><a href="">My third item</a></li>
          <li><a href="">My fourth item</a></li>
          <li><a href="">My fifth item</a></li>
     </ul>
</div>

-1

Source: devdevote.com

Similar codes

2 votes280 views2 answers
Nunito font
CSS
0 vote284 views1 answer
Remove focus blue lines from anchor tag
CSS
8 votes284 views1 answer
Reset submit btn style
CSS
0 vote264 views2 answers
* css meaning
CSS
3 votes291 views2 answers
Css disable button click
CSS
0 vote314 views1 answer
Box-shadow left right and bottom
CSS
0 vote279 views1 answer
Set border color of svg
CSS
7 votes272 views2 answers
Font for css code google link
CSS
0 vote259 views1 answer
How to saturate colors in css
CSS
0 vote275 views2 answers
Center a video horizontally
CSS