centering a list 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: center unordered list html

ul {
  display: table;
  margin: 0 auto;
}