JSFiddle - React, Tailwind, and code Playground

HTML

<div class="calloutCollection tiled">
    <div class="linksCallout Main">
        <div class="title"> <a href="/products/industrial-robots">
                Industrial Robots</a>

        </div>
    </div>
    <div class="linksCallout Main">
        <div class="title"> <a href="/products/low-voltage-power-distribution">
                Low-voltage Power Distribution Products</a>

        </div>
    </div>
</div>

CSS

.calloutCollection.tiled .callout .title a, .calloutCollection.tiled .linksCallout .title a {
    background: url(https://dl.dropboxusercontent.com/u/227117/images/bg_footer02.gif) no-repeat 6px 45%;
    padding-left: 21px;

    vertical-align: middle;
    background-position: 6px 40%;
    font-weight: bold;
    color: #333!important;
    line-height: 1.5;
    text-decoration: none!important;
}
.calloutCollection.tiled .callout .title, .calloutCollection.tiled .linksCallout .title {
    height: 48px;
    line-height: 48px;
    background: url(https://dl.dropboxusercontent.com/u/227117/images/bg_sec_top_product_01.gif) no-repeat 0 0;
    font-size: 75%;
    margin: 0;
}
.calloutCollection.tiled .linksCallout.Main {
    width: 194px;
    margin: 5px 1px 0 0;
}
.calloutCollection.tiled .linksCallout {
    height: auto;
}
.calloutCollection.tiled .callout, .calloutCollection.tiled .linksCallout {
    float: left;
}