Main content

#container {
  max-width: 75em;
  margin: 0 auto;

#content {

#content p {

Elastic layouts are those that set measurements relative to something internal to the design, usually the size of the type. Fluid layouts on the other hand set measurements relative to the browser which is external to the design.

Moving from a fluid layout to an elastic layout is a simple matter of changing units on the outermost container. Changing the width of the container from % to 'em' changes the layout from being relative to the browser to relative to the font-size

In this demo I've also set max-widths on the paragraphs inside the content and sidebar divs. This should help keep lines of text from growing too large.