/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

-1 vote151 views1 answer
Css border image property
CSS
17 votes190 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
3 votes182 views8 answers
What is display grid css
CSS
0 vote145 views1 answer
How to get text to auto break in a grid
CSS
0 vote145 views1 answer
Animations
CSS
56 votes220 views1 answer
Media queries screen width
CSS
21 votes988 views3 answers
How to create a circle with css
CSS
0 vote153 views1 answer
Putting an object in front of a page javascript
CSS
0 vote145 views1 answer
Center a spinner css
CSS
0 vote161 views1 answer
Sub menu not showing horizontal css
CSS