css - displaying images horizontally -
the photos on website on top of each other , other photos displaying vertically. have idea how solve this?
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; }
i think looking following: try add display: inline-block
css on image. example of does: http://jsfiddle.net/hobobne/d5sym/ (credit goes kalle h. väravas example)