/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

16 votes259 views2 answers
Center h1 css
CSS
29 votes180 views2 answers
Scc chang the background color
CSS
70 votes184 views6 answers
Center in css
CSS
1 vote174 views1 answer
Hard blink
CSS
43 votes182 views4 answers
What is a max and min width media query
CSS
74 votes192 views6 answers
Flex css
CSS
4 votes189 views2 answers
Gradient over image css
CSS
4 votes167 views1 answer
Linear gradient instagram
CSS
3 votes222 views4 answers
How to remove border on button click
CSS
1 vote187 views1 answer
Css without underline
CSS