Posted by dorayme on 01/26/06 01:50

In article <asoft11q1p5l3gjm2j3uqifp85ha59va91@4ax.com>,
Ridefort <> wrote:

> Good evening;
>
> I need to align an image with some text underneath it, i have made
> something like this:
>
> <p><img align=right vspace="3" hspace="5" src="image.jpg" alt=""><br>
> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
>
> Unfortunatly it doesnt do the trick.
>
> Can someone explain to me how i can align an image to the left/right
> and have some text beneath that is equally aligned as the image?!

When you say equally aligned, this might mean "underneath the
picture" wherever the pic is. There is a further thing you might
be wanting: where (left, right, or centred) under the pic.

If you want quick and simple and on the left and text left under
pic, this should work:

<div style="width:Wpx">
<img src="image.jpg" width="W" height="H" alt="some text"></br>
Text beneath
</div>

If you want the pic and text to have some grace from the margin,
you can use some extras in the css style like style="width:Wpx;
margin-left:20px"

If you want better control altogether, and better practice, take
Jonathan's advice. In which case you better make a separate css
sheet and link it in the head to the html...

--
dorayme

[Back to original message]