how to center a list css code example
Example 1: 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 2: center li in ul css
.list-wrapper {
text-align: -webkit-center;
}
.list-wrapper ul {
display:block;
}
Example 3: 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>