IMG in XHTML 1.0

[RADIUM-V Interactive]

So, I want to

Code:

align="left"

my picture. But align is non-existent in XHTML 1.0.

I've tried everything I know in CSS, and nothing I do will validate. If I

Code:

text-align: left; vertical-align: top;

it just moves the first line aligned to the middle of the image, and every other line under the image. It looks terrible. Help me please.

[anarky]

AHAHA!! Love ya sig! I remember when the net was estimated to hold about 80TB of data... That's fairly small in today's standards. Because you can now get 1TB drives (or close to it) and an array of 80 or so will hold it all...

Only now it would be a million times that again.

Can you imagine trying to keep up?

[Rattrapmax6]

That image comes with a joke on the front of this page: http://www.w3schools.com/
:rotfl: .... It is bloody hilarious....

As for your problem:

Code:

<p style="text-align:right;"><img src="apache_pb22_ani.gif" /></p>

Or, in an external CSS file:

Code:

p.pos_right {
    text-align: right;
}

Code:

<p class="pos_right"><img src="apache_pb22_ani.gif" /></p>

[RADIUM-V Interactive]

EDIT: Yeah, it works. Thanks

[shiftLynx]

For the image to be inline with text in the paragraph, use:

Code:

/* inside css file */
img.fRight
{
    float: right;
    margin: 0 0 1em 1em;
}

e.g.

Code:

<p>
    <img src="foo/bar.png" class="fRight" alt="foobar" width="100" height="20" />
    This is some text that will appear to the left of the image.
</p>