/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

187 votes286 views6 answers
Div background image
CSS
2 votes195 views1 answer
Css no bottom ouline
CSS
8 votes201 views1 answer
Reset submit btn style
CSS
11 votes220 views2 answers
Scss include
CSS
0 vote201 views3 answers
Sass color functions
CSS
0 vote198 views1 answer
Calc css float to procent
CSS
1 vote181 views1 answer
Css select text inside div
CSS
17 votes180 views2 answers
Place item center in css using grid
CSS
53 votes199 views6 answers
Css transform
CSS
1 vote159 views1 answer
Change text color li css
CSS