/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

3 votes270 views2 answers
Button material ui
CSS
10 votes273 views5 answers
Css clamp
CSS
0 vote298 views1 answer
Regex remove css comment
CSS
1 vote267 views2 answers
Link active css
CSS
0 vote261 views1 answer
Col
CSS
63 votes268 views6 answers
Center div absolute
CSS
1 vote244 views7 answers
Java to python
CSS
0 vote243 views1 answer
How to hide text that is longer than its parent div
CSS
0 vote263 views1 answer
Css horror fonts
CSS
0 vote234 views1 answer
Css overflow smooth scroll mobile
CSS