как в этом коде растянуть border на все элементы
<div style="border: 1px #ccc solid; padding: 5px;">
<div style="float: left; background-color: aqua;">
center555555555<br />
55555555555555<br />
5555555555555<br />
5555555555555<br />
</div>
<div style="float: right; background-color: blue;">
right
</div>
<div style="text-align: center;">
left
</div>
</div>

сейча так:

наверно вы немного не поняли, нужно чтоб он опустился на все элементы, а не по середине проходил

не понятно. Излагай доступней)

что непонятного я просил растянуть border на все элементы входящие в него, а не разрезать пополам
добавлено спустя 4 минуты:
Sceptic, спасиба, начебто все работает
==========================
снова проблема если текста слева длиннее чем посредине то он вылезает за границы блока как это исправить чтоб в рамку входили все элементы

нет не получается