/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 vote189 views1 answer
Html invisible hr
CSS
0 vote193 views1 answer
Can a div change an item in another div css
CSS
1 vote192 views3 answers
Css for bigger screen size
CSS
15 votes179 views3 answers
Css wrap
CSS
0 vote171 views1 answer
Understanding '+' sign in css selector
CSS
0 vote178 views2 answers
Html css change reading direction
CSS
48 votes198 views6 answers
Html font size
CSS
7 votes166 views3 answers
Bootstrap remove outline
CSS
0 vote188 views1 answer
Working with tailwind css on your react build
CSS
0 vote132 views1 answer
Visited css
CSS