/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

0 vote343 views1 answer
Button not aligning right css
CSS
0 vote333 views1 answer
@page css
CSS
3 votes316 views2 answers
Z-index limit
CSS
3 votes338 views2 answers
Div rounded corners
CSS
2 votes377 views1 answer
Hover effect button css
CSS
0 vote399 views2 answers
What is the request payload in jaavascript fetch
CSS
1 vote438 views1 answer
Increase font size zenity
CSS
1 vote382 views1 answer
Before content from attribute
CSS
0 vote361 views1 answer
How to some of the list and show some in css
CSS
1 vote340 views1 answer
Add black above image css
CSS