JSFiddle - React, Tailwind, and code Playground

HTML

<table align="center" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td colspan="3" width="400" height="150" class="prima_riga"> SOPRA </td>
	</tr>
	<tr>
		<td width="50" class="cella_laterale_sinistra">S</td>
        <td width="300" class="corpo_pagina"><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></td>
		<td width="50" class="cella_laterale_destra">D</td>
	</tr>
	<tr>
		<td width="50" height="60" class="cella_laterale_fondo_sinistra">F</td>
		<td colspan="2" class="blocco_fondo_pagina_destra">Blocco footer</td>
	</tr>	
</table>

CSS

.prima_riga {
    width:400px;
    height:150px;
    background-color:yellow;
}
.cella_laterale_sinistra {
    width:50px;
    background-color:green;
}
.corpo_pagina {
    width:300px;
}
.cella_laterale_destra {
    width:50px;
    background-color:green;
}
.cella_laterale_fondo_sinistra {
    width:50px;
    height:60px;
    background-color:red;
}
.blocco_fondo_pagina_destra {
    background-color:grey;
}