Ragionando un po' su un vecchio post trovato QUI.
codice HTML:
    <div id="sinistro"></div>
    <div id="centrale"></div>
    <div id="destro">
        <div id="dentro_il_destro">
    </div>
  </div>
codice:
#centrale {
width: 20px;
height: 100px;
background: green;
display: inline-block
}

#sinistro {
width: 50%;
height: 100px;
margin-right: -10px;
background: magenta;
float: left;
}


#destro {
width: 50%;
height: 100px;
margin-left: -30px;
background: red;
float: right;
}

#dentro_il_destro {
margin-left: 10px;
}