Forcing images to not wrap
- by Mohammad
I can't touch the html theme but I have access to the css files.
<div class="photos">
<img src="a.jpg" alt="" align="left" />
<img src="b.jpg" alt="" align="left" />
<img src="c.jpg" alt="" align="left" /> //align makes the images wrap
</div>
Unfortunately I can't remove align="left" from the images otherwise this CSS snippet would have done the job
.photos{
white-space: nowrap;
}
.photos img{
display: inline;
vertical-align: top;
}
Any ideas? Is it even possible to make these images line-up horizontally without using the force of a table and only with CSS?
Many Thank in advance!
