/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 vote203 views1 answer
How to make distance betwwen corosel transition
CSS
0 vote208 views1 answer
Browser renders before styles are applied
CSS
10 votes236 views4 answers
Composer self update version 1
CSS
0 vote252 views1 answer
Css hide mark border
CSS
8 votes300 views6 answers
Aos animation
CSS
0 vote206 views1 answer
Activate_bin_path
CSS
3 votes251 views1 answer
Css scaling border radius
CSS
0 vote192 views1 answer
Csshx iterm2
CSS
3 votes205 views1 answer
Css edit scroll bar
CSS
1 vote198 views1 answer
Use a local font css
CSS