image and paragraph alignment problem

[kade119]

i need the image to align to the right of the <p giving me heck.. not sure why


.image1{
align:right;
left:200px;
}

<div class="image1"><img src="images/pic1.png" width="231" height="85" />
<p>Guys with computer expertise and<br/>
creative personalities doing the job<br/>
we really do love.</p>


http://www.ftrmi.com/sample thanks

[Taltos]

Actually, I misunderstood what you were looking for in the other thread. If you want the image to the right of the paragraph, then you want to create a div for the paragraph and give it a set width that accomplishes the 3 lines you used <br /> to get. Then in the HTML, just put the paragraph div in as float left. Then put the image in as float left. You may need to play with padding or margins for one or both of these elements to get the spacing you want.

[StupidScript]

#p1 {
text-align:left;
}
#img1 {
float:right;
padding-left:10px;
}
<p id="p1"><img id="img1" src="images/pic1.png" width="231" height="85" />
Guys with computer expertise and<br/>
creative personalities doing the job<br/>
we really do love.</p>

[kade119]

one more question about alignment that i haven't see anywhere


how do you aligin paragraphs side by side do you have to make individual div columns?

b/c i really dont want ot have to nest my page columns if there is a way around it