Question

Is there any way to have 2 Div Elements side by side, let’s say both width: 200px, height: 200px and float:left, to have an some sort of an “automated” page break between the divs without using PHP (to count the words i.e.)?

The reason I am asking is that I have a very long dynamic text. And I would like to stretch it over 2 div’s, prefered over css.

Mike

Answer 1

If you want text to carry over between two divs (which I think is what you want?), then you could use CSS columns

div#columns {
    column-count:2;
    column-gap:20px;
    -moz-column-count:2;
    -moz-column-gap:20px;
    -webkit-column-count:2;
    -webkit-column-gap:20px;
}

Example: http://jsfiddle.net/jasongennaro/74ZrZ/

More info: https://developer.mozilla.org/en/CSS3_Columns