Edit in JSFiddle

<div data-i2="css:['.fromTag','.toTag']"> 
    <span data-i2="rate:8.1">A</span>
     <span data-i2="rate:1.4">B</span>
     <span data-i2="rate:2.7">C</span>
     <span data-i2="rate:4.2">D</span>
     <span data-i2="rate:12.7">E</span>
     <span data-i2="rate:2.2">F</span>
     <span data-i2="rate:2.0">G</span>
     <span data-i2="rate:6.0">H</span>
     <span data-i2="rate:6.9">I</span>
     <span data-i2="rate:0.15">J</span>
     <span data-i2="rate:0.77">K</span>
     <span data-i2="rate:4.02">L</span>
     <span data-i2="rate:2.4">M</span>
     <span data-i2="rate:6.74">N</span>
     <span data-i2="rate:7.5">O</span>
     <span data-i2="rate:1.92">P</span>
     <span data-i2="rate:0.09">Q</span>
     <span data-i2="rate:5.98">R</span>
     <span data-i2="rate:6.32">S</span>
     <span data-i2="rate:9.05">T</span>
     <span data-i2="rate:2.75">U</span>
     <span data-i2="rate:0.97">V</span>
     <span data-i2="rate:2.36">W</span>
     <span data-i2="rate:0.15">X</span>
     <span data-i2="rate:1.97">Y</span>
     <span data-i2="rate:0.07">Z</span>
</div>
.fromTag {
    font-size: 10px;
    color:#9ED6FF;
}
.toTag {
    font-size: 100px;
    color:#0082E0;
}
i2.emph();