Home › Forums › CSS › Price amounts layout › Re: Price amounts layout
March 12, 2013 at 9:53 am
#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?