/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 vote112 views1 answer
Change height of range slider html
CSS
0 vote120 views1 answer
Css calc function
CSS
65 votes117 views4 answers
Install requirements.txt in pip command
CSS
0 vote124 views1 answer
Child theme broken header "styles.css"
CSS
2 votes109 views1 answer
XAMPP: Another web server daemon is already running
CSS
0 vote115 views1 answer
Css media queries if else
CSS
1 vote105 views1 answer
Css reset margin padding
CSS
25 votes123 views4 answers
Set visibility css
CSS
33 votes115 views6 answers
Gradient css
CSS
-1 vote113 views1 answer
Css media queries laptop
CSS