/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 votes350 views2 answers
Font gap css
CSS
1 vote345 views1 answer
Input type date all css style
CSS
3 votes336 views2 answers
Css onclick change color
CSS
9 votes363 views2 answers
Css percent scale checkbox
CSS
2 votes360 views1 answer
Basic css table
CSS
0 vote344 views2 answers
Bootstrap 5 container
CSS
0 vote395 views1 answer
Set number word to new line html
CSS
0 vote372 views1 answer
Scss select all childs
CSS
0 vote366 views1 answer
How to center a list in html
CSS
0 vote352 views1 answer
Container transparent text opaque
CSS