Не выходит. Фокус в том, что центральный див не учитывает два крайних дива из-за свойств float:right; float:left; , которые необходимы.
Вот как это обойти?
<style type="text/css">
* {margin:0; padding:0}
html,body{height:100%}
</style>
<div style="position: relative; border: 1px #aaaaaa solid; width: 95%; height: 50px; opacity: 0.5; background:#000000; margin: 0 auto; ">
<div style="float:left; background:#555555; width: 100px; height: 25px; position: relative; ">1</div><div style="float:right; background:#999999; width: 20%; position: relative; ">3</div><div style=" height: 10px;
position: relative;
background: #555;
padding: 5px;
margin-left: auto;
margin-right: auto;
" >222<span style="width:10%"><span></div></div>