/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 vote231 views1 answer
Tint image css
CSS
17 votes173 views4 answers
Css center element on screen
CSS
23 votes191 views5 answers
Flip image css
CSS
7 votes172 views3 answers
Circle button css
CSS
3 votes175 views2 answers
Box sizing ftw
CSS
114 votes189 views6 answers
Hide scrollbar css
CSS
0 vote176 views2 answers
Background image syntax in css if it in folder
CSS
6 votes179 views3 answers
Disable drag image css
CSS
1 vote187 views1 answer
How to write if condition in css
CSS
2 votes164 views1 answer
Why do we need hexadecimal number system
CSS