I want to be able to align the last part of a heading tag to the right,
whilst the rest of it stays aligned to the left.

For example:

-----------------------------------------------------
Description                                   £ price
-----------------------------------------------------

In theory, I think you should be able to do that with a <span> within the
<h1> tag that floats the last part of the heading to the right, i.e:

<h1>Description <span class="right">£ price</span></h1>

.right {float: right;}

However, this doesn't work as is and adding other refinements such as the
width parameter and so on still doesn't work across all browsers. Nor does
creating a separate .left class for the first part of the heading.

The <h1> tag has a background colour assigned to it and the <span> tags seem
to put a white background over the heading which ruins the effect, even if
they do position the text in the right place.

What is the correct way to do this?


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to