Test DirectWrite

by oilvier

HTML

<div class="three">Cette div fait 130px de large</div>
<div class="one">Cette div fait 130px de large</div>
<div class="two">Cette div fait 130px de large</div>

CSS

body {background:url(http://960.gs/img/12_col.gif) repeat-y; font-size:62.5%;}
div {font-family:Arial, Helvetica, sans-serif; font-size:10px; width:130px; border:1px solid red; padding:5px; margin:0 0 40px; position:relative;}
.one:after {content:"font-size:10px"; position:absolute; right:0; bottom:-20px; display:block;}
.two {font-size:12px; margin:0 0 0 35px;}
.two:after {content:"font-size:12px"; position:absolute; right:0; bottom:-20px; display:block;}
.three {font-size:9px; margin:0 0 40px 43px;}
.three:after {content:"font-size:9px"; position:absolute; right:0; bottom:-15px; display:block;}