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

2 votes162 views1 answer
Transfrom rotate
CSS
1 vote167 views2 answers
Media min height css
CSS
7 votes161 views6 answers
Background overlay css
CSS
1 vote142 views1 answer
Css grid minmax function
CSS
0 vote140 views1 answer
Animation clip path
CSS
0 vote181 views2 answers
Css combinators
CSS
3 votes128 views2 answers
Css color when clicked
CSS
1 vote131 views1 answer
Flexbox align or justify one single item
CSS
1 vote208 views1 answer
Button background color remove
CSS
0 vote125 views1 answer
Transform on click
CSS