Column 1 content goes here. As you can see, the percentage is at 30% with padding at 5% – this padding is relative to the width of the content area as is the overall width percentage. This means that the column will take up 30% of the total content width (the post area – does not include the sidebar) minus the 5% padding on the right side of just the first 2 columns combined as this is a 3 column layout – that means the padding of the last column has to be “0″ as there needs not be any space on the right of it.

The 30% value is already pre-calculated – that is, if we have 2 columns with 5% padding, it comes to a total of 10% padding, which gives us 90% usable area. This means that if there are 3 columns to be divided evenly, 90/3 = 30. Column width’s can be manipulated as can padding widths.

Column 2 content goes here. As you can see, the percentage is at 30% with padding at 5% – this padding is relative to the width of the content area as is the overall width percentage. This means that the column will take up 30% of the total content width (the post area – does not include the sidebar) minus the 5% padding on the right side of just the first 2 columns combined as this is a 3 column layout – that means the padding of the last column has to be “0″ as there needs not be any space on the right of it.

The 30% value is already pre-calculated – that is, if we have 2 columns with 5% padding, it comes to a total of 10% padding, which gives us 90% usable area. This means that if there are 3 columns to be divided evenly, 90/3 = 30. Column width’s can be manipulated as can padding widths.

Column 3 content goes here. As you can see, the percentage is at 30% with padding at 5% – this padding is relative to the width of the content area as is the overall width percentage. This means that the column will take up 30% of the total content width (the post area – does not include the sidebar) minus the 5% padding on the right side of just the first 2 columns combined as this is a 3 column layout – that means the padding of the last column has to be “0″ as there needs not be any space on the right of it.

The 30% value is already pre-calculated – that is, if we have 2 columns with 5% padding, it comes to a total of 10% padding, which gives us 90% usable area. This means that if there are 3 columns to be divided evenly, 90/3 = 30. Column width’s can be manipulated as can padding widths.

Column 1 content goes here. This here is just to demonstrate what it is like to have 2 columns. Padding width has been manipulated to be wider (6%) as we have more space to work with – a greater overall proportion. Respectively, 3% have been removed from each column’s total width to fulfill the 100% requirement.

Column 1 content goes here. This here is just to demonstrate what it is like to have 2 columns. Padding width has been manipulated to be wider (6%) as we have more space to work with – a greater overall proportion. Respectively, 3% have been removed from each column’s total width to fulfill the 100% requirement.

Column 2 content goes here.This here is just to demonstrate what it is like to have 2 columns. Padding width has been manipulated to be wider (6%) as we have more space to work with – a greater overall proportion. Respectively, 3% have been removed from each column’s total width to fulfill the 100% requirement.

Column 2 content goes here.This here is just to demonstrate what it is like to have 2 columns. Padding width has been manipulated to be wider (6%) as we have more space to work with – a greater overall proportion. Respectively, 3% have been removed from each column’s total width to fulfill the 100% requirement.

Column 1 content goes here. Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.
Column 1 content goes here.

Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.

Column 2 content goes here. Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.
Column 2 content goes here.

Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.

Column 3 content goes here. Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.
Column 3 content goes here.

Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.

Column 4 content goes here. Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.
Column 4 content goes here.

Even 4 columns are possible, with further manipulation of the column width’s and padding values (22% and 4% respectively). The total still has to add up to 100%. 4 columns, however, is not a particularly viable option for the Brouhaha site as we’re too narrow in the content section.

You continue your article here, as this is on the left side – the quote will be on the right side. Please be aware that you need to adjust the length of the continuation of your article in this left hand side column to match the length of the quote. If one side is too much longer than the other you get awkward white space where there should be printed words of wisdom, as bestowed by yourself. For your reference, this is a 2 column design with the first column (left) width set to 67% and the second set to 27% (padding remains the same at 6%.)

So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 2 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 3 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

You continue your article here, as this is on the left side – the quote will be on the right side. Please be aware that you need to adjust the length of the continuation of your article in this left hand side column to match the length of the quote. If one side is too much longer than the other you get awkward white space where there should be printed words of wisdom, as bestowed by yourself. For your reference, this is a 2 column design with the first column (left) width set to 67% and the second set to 27% (padding remains the same at 6%.)

So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks. So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 2 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks. So we have our column 2 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 2 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 3 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.

So we have our column 1 content. This is content for columns, and more column one content is yet to come. The thing is, this line as to be sufficiently long so that the column doesn’t end up looking stunted – that is, enough short words to make even line breaks.