JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ruby">
    <span class="text">Ruby on Rails</span> 
</div>

<br /><br /><br /><br />
Hover over it to see how it reacts when font size changes.

CSS

.ruby {
    font-family: Arial;
    font-size: 12px;
    color: #fff; 
    background: #333;
    float: left;
    padding: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin: 10px;
}

.ruby .text {
    float: left;
}
.ruby .votes {
    float: right;
    margin: -4px -4px -4px 4px;
    padding: 4px;
    background: green;
}

.ruby:hover {
    font-size: 14px;
}