/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 vote324 views1 answer
Force element to bottom of page
CSS
0 vote365 views1 answer
How to take only part of an image css
CSS
0 vote330 views1 answer
Modern css fonts
CSS
0 vote309 views1 answer
Border box reset
CSS
0 vote380 views2 answers
Css slick js load slider jump
CSS
0 vote315 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
12 votes287 views2 answers
Input number hide button
CSS
12 votes328 views2 answers
How to center element in bulma
CSS
1 vote330 views1 answer
Which css property is used to change font
CSS
12 votes340 views4 answers
Css hover but no click
CSS