JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="footer">
    <div class="left">
        OFICINAS CENTRALES
Almirantes Matos, 35
36002 PONTEVEDRA
Tlfo 986869940 Fax 98685362   
    </div>
    <div class="middle">
        
    </div>
    <div class="right">
        ECOMIR ESTRUCTURAS SL
estructuras construcciones y contratas
[email protected]
    </div>
</div>

CSS

.footer
{
    background-color:#CCCCCC;
    width:400px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    font-size:9px;
}

.footer > .left
{
    width:25%;
    padding:2.5%;
    height:100px;
    float:left;
}

.footer > .middle
{
    width:39%;
    background-image:url('http://www.xente.mundo-r.com/turkish/ecomir_2/images/eccWhite_200.png');
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 60%;
    margin-top:5px;
    color:#000;
    height:100px;
    display:inline-block;
}

.footer > .right
{
    width:25%;
    padding:2.5%;
    float:right;
    height:100px;
    text-align:right;
   
}