Text on left and Image on right in a div please

[Digmen1]

Hi Guys

I have a samll div which goes at the top of my pages.
I want it to show some text on the left (left aligned) and a small pic on the right (right aligned).

Here is my html so far

<div id="mydiv">
<h1 This is my text</h1>
<img src="images/nzflag.jpg" >
</div>

Any suggestions on how to get the image to align right on the same line at the text ?

Kind Regards
Digby

[tedster]

Add the attribute style="float:right;" to the img element - that should do it. Add some margin to the style rules to get the exact line-up of image and text that you want.

[Digmen1]

Thanks Tedster, I am nearly there, but the image now displays to the right but below the text. I want it on the same height as the text.

This is my html now

<div id="mydiv">
<h1 This is my text</h1>
<img src="images/nzflag.jpg" style="float:right;"/>
</div>

Any suggestions ?

[tedster]

Try putting the img element before the text in the source code:

<div id="mydiv">
<img src="images/nzflag.jpg" style="float:right;"/>
<h1>This is my text</h1>
</div>

or maybe even

<div id="mydiv">
<h1><img src="images/nzflag.jpg" style="float:right;"/>
This is my text</h1>
</div>

[Digmen1]

Great Tedster

The first option worked perfectly !

(I just need to make some little margin adjustments now)