This is bothering me.
Code HTML4Strict:<p class="product-price"> <span class="exc-vat"><span>Price</span> £200 exc. VAT</span> <span class="inc-vat">£230 inc. VAT</span> </p>
It's not really a paragraph, what container would you use?
| SitePoint Sponsor |



This is bothering me.
Code HTML4Strict:<p class="product-price"> <span class="exc-vat"><span>Price</span> £200 exc. VAT</span> <span class="inc-vat">£230 inc. VAT</span> </p>
It's not really a paragraph, what container would you use?
Technology is dominated by two types of people:
those who understand what they do not manage,
and those who manage what they do not understand.


Like this:
Code:<p class="product-price"> Price <span class="exc-vat">£200 </span>exc. VAT<span class="inc-vat">£230 </span>inc. VAT </p>


I think it's as close to a paragraph as makes no difference. If you don't want to mark it up as a paragraph, you probably need to use a div, which I'd say is worse.
Of course, you could claim that it's a one-item definition list …
Code HTML4Strict:<dl class="product-price"> <dt>Price</dt> <dd>£200 <abbr>exc.</abbr> <abbr>VAT</abbr></dd> <dd>£230 <abbr>inc.</abbr> <abbr>VAT</abbr></dd> </dl>This might look a bit odd when unstyled, though, which is usually an indication that one is travelling down the wrong mental pathway.Code CSS:dl.product-price dt, dl.product-price dd { display:inline; margin:0; padding:0; }![]()
Birnam wood is come to Dunsinane

I don't know why it bothers you to consider it as a paragraph?
If you will have many products for which you are going to list Prices and VAT you can consider it as a tabular data and hence use a table...
Bookmarks