css split content over 2 columns possible?

I want to automatically split content over one page

[bwakkie]

Hi,

I have seen a lot of articles that where calles 2 or 3 column design but the content of each column was different eg. menu versus content.

I want to be able to really split one content part (say one H1, one P and with one IMG in it) into 2 columns for reading pleasure...

..so something like this:

MAIN MAIN MAIN MAIN MAIN MAIN MIAN MAIN
.......................................
SUBMAIN..TITLE ARTI-.....ENT CONTENT...
SUBMAIN..CLE.............CONTENT CONT-.
SUBMAIN..................ENT CONTENT ..
SUBMAIN..CONTENT CONT-...CONTENT CONT-.
SUBMAIN..ENT CONTENT.....,------------.
SUBMAIN..CONTENT CONT-...¦ SOME IMAGE ¦
SUBMAIN..ENT CONTENT.....¦............¦
SUBMAIN..CONTENT CONT-...`------------'
.........ENT CONTENT.....CONTENT CONT-.
.........CONTENT CONT-...ENT CONTENT ..
.........ENT CONTENT ..................
.........CONTENT CONT- ................
.........ENT CONTENT ..................
.........CONTENT CONT- ................

Is this even possible in CSS? Probably need some javascript logic to calculate the character length in order to split it like 55% 45%

[vincevincevince]

Probably need some javascript logic to calculate the character length in order to split it like 55% 45%

Right you are!

CSS3 should support it but that's not out yet.