/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 vote237 views1 answer
Font helvetica css
CSS
0 vote227 views1 answer
Ul change position when restore down
CSS
6 votes236 views4 answers
Webkit-line-clamp browser support
CSS
71 votes180 views17 answers
Box -shadow
CSS
9 votes243 views3 answers
Animation on scroll css
CSS
0 vote238 views1 answer
Hoow to open a css class in css
CSS
1 vote243 views2 answers
Change the weight of a bold font css
CSS
17 votes244 views5 answers
Sass react
CSS
0 vote244 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
1 vote257 views1 answer
How to include a new font website
CSS