/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

4 votes335 views4 answers
Ngclass multiple conditions
CSS
101 votes331 views4 answers
Css top padding
CSS
5 votes356 views2 answers
Scss hover
CSS
18 votes285 views2 answers
Red rgba
CSS
0 vote339 views1 answer
Bootstrap popover style width
CSS
4 votes378 views2 answers
Css hex to rgb
CSS
3 votes350 views3 answers
Svg animation css
CSS
0 vote360 views1 answer
Html css on class
CSS
1 vote290 views1 answer
Transition all 0.3s ease-in-out
CSS
0 vote361 views1 answer
Sideways Left Tabs
CSS