Třeba takto
<style type="text/css">
body {
margin: 10px
padding: 10px;
text-align: center
}
.cely {
margin: auto
width: 780px;
border: 1px solid black
}
.levy {
width: 111px;
float: left;
background-color: green;
border-right: 1px solid black
}
.pravy {
width: 111px;
float: right;
background-color: red;
border-left: 1px solid black
}
.stred {
width: auto;
text-align: left;
background-color: silver
}
</style>
<body>
<div class=levy>levý levý levý levý levý levý levý levý levý levý levý </div>
<div class=pravy>pravý pravý pravý pravý pravý pravý pravý pravý pravý </div>
<div class=stred>stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred stred </div>
</body>vznikne tohle
Samozřejmě se musí doladit výšky.