Question

I am trying to make my own website and only know some basic HTML, I’ve searched the web for a bit and can’t seem to figure out how to place text under an image and on the left of the image.

So pretty much:

[image] [text]
[text]

would pretty much be my layout of the web page. At the moment I can only float the image or align it to the left making the text wrap around the image, which I don’t want. Can someone help me?

Answer 1

<div style="width:400px; clear:both;">
    <img src="http://media.techworld.com/cmsdata/news/3246520/1998_google.jpg" style="width:300px; float:left;" />
    <div style="width:100px; float:left;">
       text beside image
    </div>
</div>
<div style="clear:both;">
    text beneath image
</div>

http://jsfiddle.net/Tw2v7/