/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

12 votes302 views5 answers
How to update the object value of any array key based on value
CSS
1 vote195 views1 answer
Display none but keep space
CSS
1 vote188 views1 answer
Css background cover y axis
CSS
-1 vote182 views1 answer
Grabber shortcuts
CSS
0 vote185 views1 answer
Rotate font css 90º
CSS
266 votes492 views2 answers
Font awesome 5 pro cdn link
CSS
0 vote188 views2 answers
Superscript css
CSS
0 vote300 views1 answer
Flex starty
CSS
1 vote198 views1 answer
Hide cursor css
CSS
0 vote227 views1 answer
Freeze input text css
CSS