html - 画像を完全に揃えるには?

Question

写真を完全に並べるにはどうすればよいですか? 写真を隣同士に並べていますが、写真が少し下にあり、同じ行に並べることができません。相対的な位置以外に使用できるものはありますか?

これが私のコードです：

#newRelises{
  width:650px;
  float:left;
  margin-left:15px;
  margin-top:5px;
}

#newRelises img{
  width:170px;
  height:170px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-bottom:15px;
}

Answer 1

両方の画像でこれを試してください。

img {display:inline-block;}

更新:そして、@adaam が既にフィドルをコメントとして投稿しているのを見たので、同じ解決策であるため、ここにコピーします。

http://jsfiddle.net/elvista/cKePX/2/

Answer 2

「overflow:hidden;」を追加できます。. SO 最終的なコードは次のようになります。

#newRelises{
width:650px;
float:left;
margin:5px 0 0 15px;
overflow:hidden;
}
#newRelises img{
width:170px;
height:170px;
float:left;
display:block;
padding:0;
margin:0 0 15px 15px;
}