/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

0 vote297 views1 answer
Couloured button link generator code
CSS
0 vote314 views1 answer
Css columns
CSS
0 vote298 views1 answer
Color around the text
CSS
3 votes271 views1 answer
Smooth scroll to anchor
CSS
0 vote373 views1 answer
Remove materialize style input
CSS Materialize
8 votes318 views4 answers
Css boilerplate
CSS
0 vote334 views1 answer
Gh: stop using --force !!!
CSS
0 vote383 views1 answer
Removing input border shadow
CSS
-1 vote289 views1 answer
Footer css
CSS
1 vote292 views1 answer
Perfect circle css
CSS