/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 votes196 views2 answers
How to move text down in css
CSS
0 vote208 views2 answers
Add custom taxonomy into permalinks post_type_link
CSS
-1 vote203 views1 answer
Css tricks position
CSS
0 vote353 views1 answer
Ratio bootstrap
CSS Bootstrap
8 votes206 views2 answers
Css image size adjust
CSS
2 votes220 views2 answers
Slick margin between slides
CSS
18 votes199 views4 answers
Css rotate animation
CSS
2 votes202 views1 answer
Aajouter une image dans un before after
CSS
17 votes288 views4 answers
Li remove dot css
CSS
63 votes201 views6 answers
Remove duplicate array es6
CSS