centering a list

1.list-wrapper {
2   text-align: -webkit-center;
3}
4.list-wrapper ul {
5    display:block;
6}   
7

1ul {
2  display: table;
3  margin: 0 auto;
4}

1<div>
2    <ul>
3        <li>Item 1</li>
4        <li>Item 2</li>
5        <li>Item 3</li>
6    </ul>
7</div>
8
9<style>
10    div {
11        text-align: center;
12    }
13    ul {
14        display: inline-block;
15        text-align: left;
16    }
17</style>