/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

2 votes301 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
0 vote360 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
0 vote289 views1 answer
Flex align self
CSS
1 vote274 views1 answer
Ion input padding left
CSS
1 vote295 views1 answer
Materialize customize container
CSS
0 vote303 views1 answer
Remove or hide powered by text from Google Translate
CSS
0 vote277 views1 answer
Css offset border
CSS
1 vote243 views1 answer
Ionic create project css
CSS
1 vote319 views1 answer
Active pseudo class in css not working in form text area
CSS
-1 vote283 views1 answer
Css div bottom of parent
CSS