To start with - create a “new page” – you don’t necessarily need to publish the page. If you plan just to use this to test layouts – title the page something like “My Columns Playground” or anything that suits your fancy.

Open a new blank page in word, notebook or whatever document editor you normally use. You’re going to use this page to copy and paste the following code. This is the page you’ll use as a reference when you are trying out code and/or want to create another page with columns next time. Believe me – I rather you bookmark this tutorial to drive up my WA ranking each time you visit – but let’s get real - create a document you can use repeatedly.

Are you ready? Here we go – copy and paste the following code into your document.

<div style="width:40%;padding:0 10px 0 0:float:left;">

Good Stuff #1

Good Stuff #1

Good Stuff #1

</div>

<div style="width:40%;padding:0 10px 0 0:float:right;">

Good Stuff #2

Good Stuff #2

Good Stuff #2

</div><

<div style="clear:both;"></div>

Then copy and paste this code into your new page – don’t forget again to make sure you are in the “text” editor mode of that page. This example of code creates two columns. Next select “Visual”

You should see something like this.

By replacing Good Stuff #1 with html for images, videos or text - you can create amazing looking combinations. Take a look at this code and see what it creates.