/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 vote136 views1 answer
React bootstrap css module use media query mixin
CSS
1 vote130 views2 answers
What is css selector
CSS
0 vote152 views1 answer
Dropdown size based on text
CSS
0 vote202 views1 answer
.txt:hover { text-decoration: underline; }
CSS
0 vote137 views3 answers
Sphinx css templates
CSS
1 vote131 views1 answer
Css erase text
CSS
12 votes137 views3 answers
Docker restart container
CSS
23 votes153 views5 answers
Center div using flex
CSS
222 votes291 views6 answers
Bootstrap CSS CDN
CSS
0 vote131 views5 answers
Css fr meaning
CSS