JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabella">
    <div id="alto">SOPRA</div>
    <div id="sx">S</div>
    <div id="centrale">
        <p>Corpo</p>
        <p>Corpo</p>
        <p>Corpo</p>
        <p>Corpo</p>
        <p>Corpo</p>
        <p>Corpo che continua a scendere</p>
        <p>Corpo</p>
        <p>Corpo</p>
    </div>
    <div id="dx">D</div>
    <div id="fondo_sx">F</div>
    <div id="fondo_dx">Blocco footer</div>
</div>

CSS

#tabella {
	    width: 400px;
	    margin: 0;
	    padding: 0;
	    border: 0;
	}
	#alto {
	    width:400px;
	    height: 150px;
	    clear:both;
	    background-color: yellow;
	}
	#centrale, #sx, #dx, #fondo_sx, #fondo_dx {
	    float: left;
	}
	#sx, #dx, #fondo_sx {
	    width: 50px;
	    height: 60px;
	}
	#sx, #dx {
	    background-color: green;
	}
	#fondo_sx {
	    background-color: red;
	}
	#fondo_dx {
	    height: 60px;
	    width: 350px;
	    background-color: grey;
	}
	#centrale {
	    width: 300px;
	}