Question

I have two divs, a left and a right one. The left one takes up 70% and the right 30%. How do I make it so the stuff in the left one (with varied content) goes to the next line when it gets to 70%? Right now it just pushes my right div out of the way.

#left {
float: left;
width: 69%;
padding-left: 50px;
}
#right {
float: right;
width: 30%;
padding-right: 50px;

}

Answer 1

You simply need to remove your padding.

#left {
float: left;
width: 70%;
}
#right {
float: right;
width: 30%;
}

jfiddle example:

If you need padding, add an internal div for padding.