how to make list items center 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: 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;
}
Example 3: how to align list to the centre in css
<ul class="text-center" style="list-style-position: inside">
<li>Born</li>
</ul>