How to center floating elements with no specified width

README.md

Center floating elements

Related tutorial: http://codepen.io/alexandredees/pen/ojaFr

index.html

<section id="container">
  
  <div class="center">
    <ul class="child">
      <li>Lorem Ipsum</li>
      <li>Lorem Ipsum</li>
    </ul>
  </div>
  <div class="clear"></div>
  
</section>

style.css

.center {
  float: right;
  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.center > .child {
  position: relative;
  left: 50%;
}