Eu tenho um div #content onde eu, na corrida, adiciono divs flutuantes à esquerda #block e existem divs com largura fixa em ambos os lados de div (a), #lcontent e #rcontent Como faço para que o #content permaneça no centro ao lado divs têm altura dinâmica e #content muda ao longo do tempo

o conteúdo deve permanecer no centro, se houver 2,3,4 ou 100 #block dentro dele. Mas o #block deve estar sempre à esquerda de #content

Somente #lcontent, #rcontent e #block têm largura fixa

Código HTML

<div id="contentcontainer">
    <div id="lcontent"></div>
    <div id="mcontent">
        <div id="content">
            <div id="block"></div>
            <div id="block"></div>
            <div id="block"></div>
            <div id="Block"></div>
            <div id="Block"></div>
        </div>
    </div>
    <div id="rcontent"></div>
</div>

código css

#lcontent
{
float: left;
width: 100px;
min-width: 100px;
min-height: 100px;
background: lightblue;   
}
#rcontent
{
float: right;
width: 100px;
background: lightblue;
}
#mcontent
{
background: lightgrey;
float: right;
right: 50%;
position: relative;
}
#content 
{
float: right;
right: -50%;
position: relative;
background: green;
min-height: 200px;
text-align: center;
}
#block
{
margin: 5px;
width: 300px;
border: 1px solid red;
display: inline-block;½ 
height: 150px;   
}