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


Thank You!
send