Type the code from the image
Did you know you can slice up your page layouts very easily using Layout Controls?
Your page content is not constrained to the content area defined by your page template.
You can also nest your content controls by dropping one inside the other.
Click Edit to pull up the properties for your layout control.
The width of each column can be modified. Clicking "Spaces" will also give you options to adjust the padding between columns.
Clicking Classes & Labels allows you to add your own css class names that get inserted to the html that wraps each column. (Switch back to the list of content widgets and drag a style block onto your page to include your own css.)