PDA

View Full Version : How do I make images line up from top to bottom?



mdoubledbg
Feb 18th, 2010, 05:59 AM
there are several images with text next to them. I'd initially written sample text but when I wrote the actual text, the words didn't have the same height as the image so the next image moved backwards and now it looks wrong. How do I move the image down.

<img src="http://www.sitename.com/image/" align="left" height="65%" width="25%"/>This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes.
<hr/>

<img src="http://www.sitename.com/image/" align="left" height="65%" width="25%"/>This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes.
<hr/>

<img src="http://www.sitename.com/image/" align="left" height="65%" width="25%"/>This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes.

abduraooft
Feb 18th, 2010, 08:31 AM
Try

p.row{
clear:left;
overflow:auto;
border-bottom:1px solid #ccc;
}
p.row img{
float:left;
}


<p class="row"><img src="http://www.sitename.com/image/" height="65%" width="25%"/>This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes. This is where information goes.
</p>