Technique to center list items

center list items (css)

#container,
#container ul,
#container li {
  float: left;
  position: relative;
}

#container {
  width: 100%;
  overflow: hidden;
}

#container ul {
  left: 50%;
  margin: 0;
  padding: 0;
}

#container li {
  right: 50%;
  margin: 0;
  padding: 0;
}

center list items (markup)

<div id="container">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>