去除inline-block元素间间距的解决方法

<ul>  
 <li>item1</li>  
 <li>item2</li>  
 <li>item3</li>  
 <li>item4</li>  
 <li>item5</li>
</ul>

*{ 
  margin: 0; 
  padding: 0;
}
ul { 
  list-style: none outside none; 
  padding: 10px; 
  background: green; 
  text-align: center;
}
ul li { 
  display: inline-block; 
  *  display: inline; 
  zoom: 1; 
  background: orange; 
  padding: 5px;
 }

ul { 
  font-size: 0;
  list-style: none outside none; 
  padding: 10px; 
  background: green; 
  text-align: center;
}