JSFiddle - React, Tailwind, and code Playground

HTML

<div class="infobox">
    <div class="img"><img src="img/allban.png" width="42" alt="" /></div>
    <div class="text">
        <div>Всего банов</div>
        <div>1450</div>
    </div>
</div>
<div class="infobox">
    <div class="img"><img src="img/allban.png" width="42" alt="" /></div>
    <div class="text">
        <div>Активные</div>
        <div>450</div>
    </div>
</div>

CSS

.infobox {
    display: inline-block;
    width: 150px;
    background: #9ebb46;
    color: #fff;
    margin: 0px;
    padding: 3px 5px;
}
.img {
    display: inline-block;
    margin: 0 3px 0 0; 
}
.text {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}