/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

16 votes221 views2 answers
How to set background image 100 height
CSS
25 votes209 views4 answers
Remove outline
CSS
0 vote219 views1 answer
Codemirror resizable
CSS
11 votes234 views3 answers
Css ellipsis max width
CSS
0 vote236 views1 answer
Css 2 images side by side to stack
CSS
19 votes218 views2 answers
How to customize placeholder css
CSS
31 votes220 views6 answers
Overflow
CSS
0 vote256 views1 answer
Dropdown size based on text
CSS
36 votes235 views6 answers
Gradient text
CSS
1 vote229 views2 answers
Css let div be last
CSS