Now let's try some different widths and see what yo get, this code

If you add some of the code found in the expanded Visual editing tools results in some very interesting looks and feel.

Here's the actual detail code if you would like to copy, paste and experiment. Look forward to you sharing with us what you create....happy editing.

The columns don’t have to be the same sizes either, for example:
<div style="width: 60%; padding: 0 10px 0 0; float: left;">Good Stuff #1 More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words,
Good Stuff #1 More words, more words, More words, more words, More words, more words, </div>
<!--more-->
<div style="width: 40%; padding: 0 10px 0 0; float: right;">Good Stuff #2More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words,
Good Stuff #2More words, more words, More words, more words, More words, more words, </div>
<!--more-->
<div style="width: 100%; padding: 0 10px 0 0; float: left;">Good Stuff #3More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words,
Good Stuff #3More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, More words, more words, </div>
<div style="”clear: both;"> </div>