Text aligned with image code?

Can someone help me out please with what is probably easy code.I want to put a paragraph next to an image but every time I try the text always starts at the bottom of the image. How do I get it to start at the top?Thank you.

 

you need to learn css margin and padding for this

 

Lets see a mini tuto.

<div id="image>
<div id="text"> test ttest test test test test test test.. </div>
</div>

#image {
float:left;
width:500px;
height:345px;
margin:5px 0px 0px 15px;
background-image:url(yourimage.jpg);
background-repeat:no-repeat;
}
#text {
position:relative;
width:400px;
height:90px;
left: 0px;
float:left;
top:220px;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
background-color:#000;
color:#fff;
font-size:11px;
line-height:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px;
}

 

Add align=left to the image.