/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 vote131 views1 answer
Transform orgin css
CSS
0 vote158 views1 answer
Css tr border radius
CSS
0 vote167 views1 answer
Nth-of-type(2):before
CSS
0 vote168 views1 answer
Tailwind css ui dropdown
CSS
0 vote150 views1 answer
Disable line breaking html span
CSS
0 vote143 views1 answer
Media screen tablet
CSS
5 votes214 views4 answers
Css inset
CSS
0 vote142 views1 answer
Override package css
CSS
0 vote156 views1 answer
Start a css file
CSS
0 vote159 views1 answer
Media queries and or conditions
CSS