Scaling of divs

by Adam Granger

HTML

<div class="x1">
    <div class="v">HELLO</div>
    <div class="s">A</div>
    <div class="s">B</div>
    <div class="s">C</div>
</div>
<div class="x2">
    <div class="v">WORLD</div>
    <div class="s">A</div>
    <div class="s">B</div>
    <div class="s">C</div>
</div>

CSS

div.v {
    font-size: 10px
}
div.s {
    display:inline-block;
    width: 20px;
    height: 20px;
    background: red;
    margin: 2px;
}
div.x1 {
    transform: scale(1, 1);
}
div.x2 {
    -ms-transform: scale(2, 4);
    /* IE 9 */
    -webkit-transform: scale(2, 4);
    /* Chrome, Safari, Opera */
    transform: scale(2, 4);
}