Columns, Centered, Liquid, Banner, Footer

Add padding to the paragraph element

As it stands, the placeholder content in our two columns is pushed right up against the edges of the divs. We could add padding to each div, but that will create more problems for our document. If you recall the box model, adding padding (or margins) will increase the size of each box element. Since our two columns total 100% of the width of the containing div (wrapper) adding padding will put them OVER 100%. If the content is too large for the container, the columns will start to stack vertically.

However, we can wrap that content in a paragraph element (we should have done that in the first place) then create the padding for paragraphs! Try it:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

There we go! Your work should behave like this now.