Elastic layouts marries resizeable text with predictable line lengths. These layouts expand and contract with the size of the text, so the line lengths and the relationship of text to layout stay the same. The key to this type of layout is the em. The font size and dimensions of containing elements must both be specified in ems.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis, nibh sit amet vulputate elementum, lectus purus fermentum mi, sit amet porttitor nisl orci vestibulum elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque fringilla imperdiet justo in sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis, nibh sit amet vulputate elementum, lectus purus fermentum mi, sit amet porttitor nisl orci vestibulum elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque fringilla imperdiet justo in sodales. Donec tincidunt, est in suscipit volutpat, felis nulla venenatis erat, nec hendrerit urna diam et eros. Suspendisse sed ligula massa, sit amet tempus dolor. Ut nec dictum urna. Suspendisse scelerisque risus id tortor varius in molestie ligula interdum. Morbi feugiat posuere mattis. Mauris nulla purus, gravida a ornare id, ullamcorper ac risus. Suspendisse ac gravida sapien. Nunc aliquam fringilla felis, eu sagittis diam dignissim ut. Suspendisse sed ligula massa, sit amet tempus dolor. Ut nec dictum urna. Suspendisse scelerisque risus id tortor varius in molestie ligula interdum. Morbi feugiat posuere mattis. Mauris nulla purus, gravida a ornare id, ullamcorper ac risus. Suspendisse ac gravida sapien. Nunc aliquam fringilla felis, eu sagittis diam dignissim ut. Donec tincidunt, est in suscipit volutpat, felis nulla venenatis erat, nec hendrerit urna diam et eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis, nibh sit amet vulputate elementum, lectus purus fermentum mi, sit amet porttitor nisl orci vestibulum elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque fringilla imperdiet justo in sodales.

Footer