Center li in ul css

Css ul to center

ul {
  justify-content: center;
  display: flex;
}

Source: stackoverflow.com

Center li in ul css

.list-wrapper {
   text-align: -webkit-center;
}
.list-wrapper ul {
    display:block;
}

Source: stackoverflow.com

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 vote364 views1 answer
Button expo css
CSS
0 vote376 views2 answers
Make all images same size bootstrap
CSS Bootstrap
12 votes340 views2 answers
Can't resolve @emotion/react
CSS
8 votes336 views2 answers
Css image size adjust
CSS
1 vote341 views1 answer
BEM example css
CSS
0 vote365 views1 answer
Before css font awesome
CSS
3 votes304 views2 answers
Bootstrap 5 pagination
CSS
0 vote332 views1 answer
Htnl css
CSS
1 vote378 views2 answers
Woocommerce shopping cart icon size
CSS
0 vote322 views1 answer
Start a css file
CSS