<div>
  <ul>
  	<li><img src="http://webcreatorbox.com/sample/images/demo20-1.jpg" alt="サンプル画像1" width="150" height="100" /></li>
    <li><img src="http://webcreatorbox.com/sample/images/demo20-2.jpg" alt="サンプル画像2" width="150" height="100" /></li>
   	<li><img src="http://webcreatorbox.com/sample/images/demo20-3.jpg" alt="サンプル画像3" width="150" height="100" /></li>
  </ul>
</div>

div{
  width: 470px;
  border:2px solid #ccc;
}
ul {
  list-style: none;
  padding: 0;
  width: 480px;
  margin: 0 -10px 0 0;
  overflow: hidden;
}
li {
  float: left; 
  margin-right: 10px;
}
img { margin: 0;}