Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Price amounts layout Re: Price amounts layout

#127875
boeledi
Member

In fact I would like to display the decimal value part of the amount: smaller and higher than the integer part.

When I tried to achieve this using the following piece of code, I couldn’t obtain the same layout in Chrome, IE9, Firefox, … and on top of this, it does not work at all under IE7

.price {display:inline-block;zoom:1;*display:inline;font-size:100px;}
.decimal{vertical-align:super;font-size:40%;}

The HTML code is:

<div class=price>14<span class=decimal>99</span>€</div>

Therefore, I tried to find another alternative, forcing the browser, using the _matrix_ CSS property.

Is this now a bit clearer?