JSFiddle - React, Tailwind, and code Playground

by alexg88

HTML

<div id="contenedor">
  <div id="cabecera">cabecera</div>
  <div id="buscador">buscador</div>
  <div id="cuerpo">
      <div id="izquierda"></div>
      <div id="centro"></div>
      <div id="derecha"></div>      
  </div>      
</div>

CSS

#contenedor {
    width: 1000px;
    height: 1500px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #FFF;
}
#cabecera {
    height: 120px;
    background-color: #096;
}
#buscador {
    height: 80px;
    background-color: #39F;
}
body {
    background-color: #366;
}

#izquierda{
     background-color: red;
    width: 100px;
    float:left;
     height:100%;
}

#derecha{
     background-color: red;
    width: 100px;
    height:100%;
    float:left;
}

#centro{
     background-color: yellow;
    width: 800px;
     height:100%;
    float:left;
}

#cuerpo{
 height: 100%;   
}