/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

-1 vote177 views1 answer
Line break inside content css
CSS
1 vote154 views1 answer
Login
CSS
15 votes167 views2 answers
Linear-gradient
CSS
3 votes165 views2 answers
Crop image with circle css
CSS
2 votes185 views1 answer
Ion input change font size
CSS
2 votes185 views1 answer
Css how do i remove highlighting
CSS
34 votes184 views6 answers
How to align text in css
CSS
0 vote204 views1 answer
Not let user select in css
CSS
1 vote168 views1 answer
How to change color of element when hovering over div
CSS
198 votes467 views6 answers
How to add css in html
CSS