Different image position in Opera

[FromBelgium]

When I want text around an image I use the ALIGN=LEFT attribute.

<img src="pictures.jpg" align=left></a>text....

However when I put this below an <H1> tag:

<h1>Header</h1>
<img src="pictures.jpg" align=left></a>text....

Then the pictures is pushed against the header text (there's no empty space under the header) in Opera, not in IE.

How can I get the desired effect correctly in both browsers?

[domoftheuk]

how about putting <br> in between </h1> and <img src....

e.g.

<h1>Header</h1>
<br>
<img src="pictures.jpg" align=left></a>text....

[gohankid77]

An Opera bug perhaps? There should always be a line break after a block element by default.

[FromBelgium]

Thanks for the suggestion.
It gives the desired effect in Opera but now I get an extra line in IE, so the title is a bit too far from the images.

[domoftheuk]

how about:

<h1>Header</h1>
<p>
<img src="pictures.jpg" align=left></a>text....

do not put in </p> at end

[FromBelgium]

Thanks again! This solves the problem!
Is it OK to use <p> without a closing </p>?

[gohankid77]

If you are using HTML, yes. If you are using XHTML, no.