JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
.row {
    background-color: #ffaaaa;
}
.icon {
    float: left; 
    width:20px;height:20px;
    position:relative;
}
.iconStick {
    background-color: #ff8888;
    position: absolute;
}
</style>
<div class="row">
    <span>Очень длинный никудышний текст</span>
    <div class="icon" style="width: 18px;">
        <div class="iconStick" style="left: 2px; top: 6px; width: 14px; height: 6px;"></div>
        <div class="iconStick" style="top: 2px; left: 6px; width: 6px; height: 14px;"></div>
    </div>
</div>