/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

4 votes143 views1 answer
Scss sass on hover pseudo-class
CSS
0 vote140 views1 answer
Css content from data attribute
CSS
0 vote146 views1 answer
Matrix css
CSS
0 vote149 views2 answers
Increase space between dashed border css
CSS
7 votes130 views2 answers
Make images same size css
CSS
24 votes154 views4 answers
Use woff2 font in css
CSS
22 votes146 views4 answers
Grid center align css
CSS
1 vote155 views2 answers
Eloquent map collection
CSS
7 votes145 views2 answers
Css id selector
CSS
20 votes215 views2 answers
Bootstrap screen sizes
CSS Bootstrap