/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 vote130 views1 answer
Bootstrap progress bar animation not working
CSS
2 votes113 views1 answer
How to center with position fixed
CSS
3 votes116 views2 answers
Remove highlight input css
CSS
0 vote119 views2 answers
Align ionic icons and text css
CSS
9 votes124 views2 answers
Align items in row css
CSS
0 vote127 views1 answer
Print zend db select query to string
CSS
0 vote137 views1 answer
How do I add a vertical margin in css
CSS
-1 vote132 views1 answer
Reset the entire box model
CSS
17 votes143 views3 answers
Text orientation css
CSS
38 votes113 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS