css - 画像を水平に表示する

Question

私のウェブサイトの写真は互いに重なり合っており、他の写真は縦に表示されています。これを解決する方法はありますか？

CSS:

#photo1{
    float: left;
    width: 10px;
    margin-left: 210px;
    text-align: justify;
}

.img-with-text {
    text-align: justify;
    width: 200px;
}
.img-with-text:hover {
    text-decoration: underline;
}

Answer 1

次のものを探していると思います:inline-block画像の css に display: を追加してみてください。それが何をするかの例: http://jsfiddle.net/hobobne/d5sYM/ (この例のクレジットは Kalle H. Väravas に送られます)