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)


Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo