/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 votes287 views2 answers
Image rendering css
CSS
0 vote288 views1 answer
Easy way raise specificity css
CSS
0 vote291 views1 answer
Hovered one element change styles for another css
CSS
85 votes275 views6 answers
Color code green
CSS
2 votes259 views1 answer
Margin for text in html
CSS
0 vote290 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
0 vote285 views1 answer
How to some of the list and show some in css
CSS
1 vote267 views1 answer
303,592 HDK to pounds
CSS
0 vote325 views4 answers
Position absolute prevent overflow
CSS
0 vote275 views1 answer
Is there a min-left css attribute
CSS