JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="tablaBuscador">
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosUbicacion">
        <img src="http://placehold.it/205x205/088A08" />
        <span>1</span>
    </div>
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosTarjetas">
        <img src="http://placehold.it/205x205/088A08" />
        <span>2</span>
    </div>
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosRubro">
        <img src="http://placehold.it/205x205/088A08" />
        <span>3</span>
    </div>
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosDistancia">
        <img src="http://placehold.it/205x205/088A08" />
        <span>4</span>
    </div>
</div>
</body>

CSS

* {
    padding: 0;
    margin: 0;
}

body {
    height:100%;
}

.tablaBuscador {
    font-family: "Maven Pro", sans-serif;
    height:200px;
    width:40%;
}

.tablaBuscador > div {
    border: 1px solid black;
    padding: 10px 0;
}

.tablaBuscador > div > span {
    font-size:20px;
    width:80%;
    border:1px solid black;
}

.tablaBuscador > div > img {
    width: 20px;
    height: 20px;
}

.tablaBuscador > div > * {
    display: inline-block;
    vertical-align: middle;
}