How to apply Padding all the way to the bottom of an element

I have a pic and text around it. I can apply a padding-bottom: 40px; to align the text so it doesn't wrap below the image and stays nicely aligned to the right if the image.

But to me, seems like a messy way of doing it i.e. guessing padding. Any cleaner way to do this?

 

Perhaps you could separate your content into columns?

For example:

HTML

<div class="left-col"><img src="your-image.jpg" width="200" height="100" alt="" /></div>
<div class="right-col">Content here</div>

Code (markup):

CSS

.left-col {float: left; width: 200px; margin-right: 10px;}
.right-col {float: right; width: 500px;}

Code (markup):

 

That's so crazy, it might work! Thanks.

 

Or just float the image and set a side margin around the content that's adjacent to it.

 

use div tag i think its right