/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

1 vote338 views1 answer
How to space out buttons css
CSS
37 votes347 views5 answers
How to apply linear gradient to text in css
CSS
10 votes318 views6 answers
Css hover change another element
CSS
1 vote427 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
8 votes371 views3 answers
Css darkmode
CSS
1 vote314 views2 answers
How to add tailwind css in yarn
CSS
2 votes340 views2 answers
Css grid make all rows same height
CSS
-1 vote318 views1 answer
Html sticky
CSS
0 vote333 views1 answer
Css line-through color
CSS
1 vote341 views1 answer
Show max word with css
CSS