This document is a draft, and is designed to show changes from a previous version. It is presently showing added text, changed text, deleted text, [start]/[end] markers, and Issue Numbers.
Changes are displayed as follows:
CSS
This technique relates to:
The purpose of this technique is to define column width using ems. This allows for column width to grow wider as font sizes increase, which will reduce the possibility of clipping as the text size increases.
In this example, the first column will be 50em wide, the second will be 80em wide.
div.article { column-number: 2; column-width: 50em 80em; }
In this example the div
width is set in ems in the stylesheet
main_content {width: 80em}
And the text block would be placed inside the div
in the content
<div id="main_content"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing ...</p> </div>
Resources are for information purposes only, no endorsement implied.
Test to see that the columns are defined in ems.
Check to see that line length can be set to 80 characters or less by resizing the browser window.
[end add]Checks #1 and #2 are true.
[end change]