/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

0 vote175 views1 answer
New margin property css 2021
CSS
7 votes215 views2 answers
Css set div width to screen
CSS
20 votes189 views6 answers
Fonts for css
CSS
99 votes204 views2 answers
Css absolute in absolute
CSS
0 vote218 views1 answer
Css keep element on same position among different screen size
CSS
0 vote211 views1 answer
Slect all li that not have ul
CSS
103 votes224 views2 answers
What are the types of positioning in css
CSS
0 vote205 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
0 vote202 views4 answers
Uikit theme
CSS
9 votes331 views3 answers
Console.log style css
CSS