JSFiddle - React, Tailwind, and code Playground

HTML

<div id="entete">
</div>
     
<div class="container">
    <div id="gauche"></div>
    <div id="corps"></div>
    <div id="droite"></div>
</div>
     
<div id="pied">
</div>

CSS

#entete
{
    width: 1024px;
    height: 120px;
    background-color: red;
    margin: auto;
    
}
 
#gauche
{
    width: 212px;
    height: 500px;
    background-color: black;
}
 
#corps
{
    width: 600px;
    height: 500px;
    background-color: orange;
}
 
#droite
{
    width: 212px;
    height: 500px;
    background-color: pink;
}
 
.container
{
    width: 1024px;
    margin: auto;
}
.container div
{
    float: left;
}
 
#pied
{
    width:1024px;
    height:120px;
    background-color: #333;
    margin: auto;
    clear:both;
}