/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

6 votes244 views3 answers
Disable drag image css
CSS
1 vote345 views1 answer
Cypress element css
CSS
16 votes196 views5 answers
Scss loop
CSS
1 vote212 views1 answer
Angular headers for enc type
CSS
0 vote237 views1 answer
Initialize toast
CSS
0 vote242 views1 answer
Shopify display flex not working
CSS
25 votes252 views3 answers
Invisible item frames in minecraft
CSS
3 votes196 views1 answer
Change css to scss angular
CSS
0 vote261 views2 answers
Nav items moving when hover
CSS
3 votes239 views1 answer
Css first td
CSS