With inline element, take p for example, when a span element is floated right, and placed after the content of the p, it drops to second line in Firefox (not sure about IE, as I never check it).

<p>This is a paragraph. <span class="f-right'> a span class floated right </span> </p>

or

<p>This is a paragraph. </p>
<span class="f-right'> a span class floated right </span>

If I arrange it like so then it stays at the same line and this is how I always do (and know it works for IE).

<p><span class="f-right'> a span class floated right </span> This is a paragraph. </p>
 or
<span class="f-right'> a span class floated right </span>
<p>This is a paragraph. </p>

But it's not always a desirable workaround, for instance, I am working on an account login page, where, in the dashboard, I want to have something like this:

Contact Information               Edit

<h5>Contact Information <span class="f-right">Edit</span><h5>

Structurally I think it's more appropriate to have the above markup than this:
 <span class="f-right">Edit</span>
<h5>Contact Information</h5>

But Firefox doesn't corporate. I don't want to add extra code to have the h5 floated left and force it to display block.

Any idea how I can have the cake and eat it too?

Thanks!

tee






*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to