Edit in JSFiddle

<div data-i2="css:{block:['.fromBlock','.toBlock'],name:['.fromName','.toName'],vote:['.fromVote','.toVote']}">
    <div data-i2="rate:5,set:'block'">
        <span data-i2="rate:5,set:'name'">Sophia</span>
        <br/>
        <span data-i2="number:1034578,set:'vote'"></span>
    </div>
    <div data-i2="rate:4,set:'block'">
        <span data-i2="rate:4,set:'name'">Emma</span>
        <br/>        
        <span data-i2="number:537629,set:'vote'"></span>
    </div>
    <div data-i2="rate:3,set:'block'">
        <span data-i2="rate:3,set:'name'">Isabella</span>
        <br/>
        <span data-i2="number:152341,set:'vote'"></span>
    </div>
    <div data-i2="rate:2,set:'block'">
        <span data-i2="rate:2,set:'name'">Olivia</span>
        <br/>
        <span data-i2="number:71254,set:'vote'"></span>
    </div>   
    <div data-i2="rate:1,set:'block'">
        <span data-i2="rate:1,set:'name'">Ava</span>
        <br/>
        <span data-i2="number:2486,set:'vote'"></span>
    </div>  
</div>

.fromBlock {
    width: 70px;
    border: 1px solid #EBC1FF;
    background-color:#D3B3E5;
    padding: 1px;
    margin-bottom:1px;
    border-radius: 1px;
    margin:1px;
    color:#D7D4DB;
}
.toBlock {
    width: 150px;
    border: 5px solid #B200FF;
    background-color:#7F4C99;
    padding: 5px;
    margin-bottom:10px;
    border-radius: 10px;
    margin:10px;
    color:#FFFFFF;
}
.fromName {
    font-size: 12px;
}
.toName {
    font-size: 40px;
}
.fromVote {
    font-size: 12px;
    color: #EAEAEA;
    font-weight:300;
}
.toVote {
    font-size: 35px;
    color: #FFFFFF;
    font-weight:800;
}
div>div
{
    display:inline-block;
    text-align:center;
}

i2.emph();