Position div elements to stick to the left & right of another div element?

Left{ float: left; } #right{ float: right; } Here is an example: jsfiddle.net/maniator/rmz66.

Container {position:relative;} #left, #right {position:absolute;} #right {right:0;} #box {width:XXX;margin:0 auto;} Specify your box width and also a height if you don't have any content yet.

Container{ display: block; width: 1000px; } #left, #box, #right{ display: inline-block; vertical-align: top; } #left, #right{ width: 200px; } #box{ width: 500px; } Get rid of margins, paddings and etc, so you can maximise #box, and #left, #right.

It would be easier to put a div (let's call it "parent") around your three div. You center #parent inside your #container then you put #box, #left and #right in float: left. This should work.

A table or a list will work too.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions