JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cf">
    <a class="button float_right" href="/" title="">
        <span class="float_left">LOREM IPSUM</span>
        <span class="icon_1 float_right"></span>
        <span class="icon_2 float_right"></span>
    </a>
</div>

CSS

.button {
height: 20px;
line-height: 20px;
background: #f00;
padding: 0 10px;
color: #fff;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.icon_1, .icon_2 {
margin-left: 10px;
width: 10px;
height: 20px;
background: url(http://placehold.it/10x10) no-repeat left center;
}

.float_left {
display: inline;
float: left;
}
.float_right {
display: inline;
float: right;
}

.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}