Em Layout with max-width and %-based contents

Inside the wrapper is now a #content div with width set as a percentage.

If you narrow the viewport, the wrapper will resize and the text will reflow.

HTML:

<div id="wrapper">
    <div id="content">
        <p>Content here...</p>
    </div>
</div>

CSS:

#content {
    width: 100%;
}

Back to Fluid, Elastic, Fantastic!