How to center a div:

  
  margin: 0 auto;
  

How to center text elements:

  
  text-align:center;
  

How to center a div containing floating elements:

HTML:

<div id=”wrapper”>
<div id=”div_to_center”>
<ul>
<li class=”item”>abc</li>
<li class=”item”>def</li>
</ul>
</div>
</div>

 
  
#wrapper {
    text-align:center;
}

#div_to_center {
    margin:0 auto;
    display:inline-block;
}

#div_to_center .item {
    float:left;
    display:inline-block;
}