How does this look?
<section class="controls admin-history">
<div class="span4"><span class="helpfulFlags bigText">33</span>/<span class="totalFlags">37</span> helpful flags</div>
<div class="span4"><span class="flaggedPosts bigText">8</span> flagged posts</div>
<div class="span4"><span class="deletedPosts bigText">2</span> suspensions</div>
</section>
.bigText {
font-size: 24px;
border-radius: 999px;
display: inline-block;
height: 30px;
width: 40px;
text-align: center;
vertical-align: super;
padding-top: 10px;
}
.flaggedPosts {
background-color: #e45735;
}
.deletedPosts {
background-color: rgb(194, 32, 32);
}
.helpfulFlags {
background-color: green;
}
.totalFlags {
font-weight: bold;
}
.user-main .controls.admin-history {
padding-bottom: 30px;
padding-top: 0;
color: white;
}
