JSFiddle - React, Tailwind, and code Playground

by mampy3000

HTML

<body>
<div class="tablaBuscador">
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosUbicacion">
        <img src="http://blogs.westword.com/latestword/facebook.icon.205x205.jpg"></img>
        <span>1</span>
        </div>
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosTarjetas">
        <span>2</span>
        </div>
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosRubro">
        <span>3</span>
        </div>
    <div class="tablaBuscadorElementos" id="tablaBuscadorElementosDistancia">
        <span>4</span>
        </div>
</div>
</body>

CSS

body {
    height:100%;
    width:100%;
    margin:0px;
}
.tablaBuscador {
    font-family: "Maven Pro", sans-serif;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle; 
    height:200px;
    width:40%;
}

.tablaBuscadorElementos {
    min-height:22%;
    border: 1px solid black;
    vertical-align:middle; 
    padding:0px;
}
.tablaBuscadorElementos > span {
    font-size:20px;
    width:80%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:0 auto;
    padding:0px;
    float:right;
    border:1px solid black;
    position:relative;
}
.tablaBuscadorElementos > img {
    position: relative;
    width: 20px;
    height:20px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:0 auto;
    float:left;
}

.tablaBuscador, .tablaBuscadorElementos{
    display:block;
}