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

8 votes260 views2 answers
Horizontal align icon css
CSS
9 votes262 views2 answers
Button style none
CSS
1 vote265 views1 answer
Css auto heigh div
CSS
1 vote252 views1 answer
How to add fanctoin to links in css
CSS
0 vote272 views1 answer
Css horizontal scroll cards
CSS
0 vote268 views1 answer
Html5 video hide timeline bar
CSS
0 vote263 views1 answer
Css last 3 childs
CSS
0 vote297 views1 answer
Working with tailwind css on your react build
CSS
1 vote263 views1 answer
Css selector excluding last child
CSS
17 votes221 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS