/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 vote105 views1 answer
Pill shape css
CSS
6 votes157 views3 answers
.row bootstrap
CSS Bootstrap
4 votes109 views2 answers
How to remove horizontal scrolling
CSS
0 vote128 views1 answer
Bootstrap-scss github
CSS
1 vote126 views1 answer
Html video css
CSS
20 votes110 views4 answers
Variables in sass
CSS
0 vote107 views1 answer
Animated progress bar css
CSS
0 vote106 views1 answer
Html disable spin buttons on input type number
CSS
0 vote119 views1 answer
How to stretch picture with website css
CSS
0 vote111 views1 answer
Javascript select element that does not have attribute
CSS