html - CSS div using all space between two elements -

my problem want place div between 2 other elements.

here fiddle code:

http://jsfiddle.net/nhbva/1053/

div content 

you can achieve want following styles:

.container {     padding-left:30px; /* width of left container */     padding-right:30px; /* width of left container */ } .container > div {float:left;}  .left {     margin-left:-30px;     width:30px;     height:30px;     background-color:yellow; } .right {     margin-right:-30px;     width:30px;     height:30px;     background-color:yellow; } .content {     width:100%;     background-color:red; } 

http://jsfiddle.net/nhbva/1054/