center a ul code example

Example 1: css ul to center

ul {
  justify-content: center;
  display: flex;
}

Example 2: centering a list

<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

<style>
    div {
        text-align: center;
    }
    ul {
        display: inline-block;
        text-align: left;
    }
</style>

Example 3: center ul

dropdwon-menu {
	left: 50%;
	transform: translateX(-50%);
}

Example 4: 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>

Tags:

Html Example