2 Columns, Center-Aligned, Liquid Layout

The Magical em Unit

We've looked at the em unit before. You can imagine the em unit as a percentage of the font-size. If the container font size changes, any property set with an em unit will scale accordingly.

Let's constrain the maximum and minimum widths of the wrapper with em units, rather than pixels.

After you do that, you can experiment with the font-size values in the body.

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

Get Adobe Flash player

We're scaling properly. Our content is liquid and centered. Wonderful work!

Make certain yours functions like this.