full example

Author: davidsgrogan

css-fonts-5/Overview.bs

@@ -79,7 +79,7 @@ Documents without this <{meta}> tag will have an assumed default
 value of <code>legacy</code>.
 
 <div class="example" id="ex-text-scale">
-  <pre>&lt;meta name="text-scale" content="scale" /></pre>
+	<pre>&lt;meta name="text-scale" content="scale" /></pre>
 </div>
 
 There must not be more than one <{meta}> element with its <{meta/name}> attribute value set to an [=ASCII case-insensitive=] for [=text-scale=] per document.
@@ -149,6 +149,31 @@ Further, when the value of the [=text-scale=] content attribute is
 Note: Authors are expected to use
 ''&lt;meta name="text-scale" content="scale"&gt;'' in stylesheets so that the ''font-size/medium'' font size will reflect a combination of the user's font preferences, whether those are specified at the OS level or the UA level. The author will then be able to use ''rem'' throughout the page to honor the user's font preferences.
 
+<div class="example" id="ex-scaled-page">
+	If authors don't alter the '':root'' font size, content sized with ''rem'' units will be relative to the preferred text scale
+	<pre>
+&lt;!DOCTYPE html>
+&lt;html> &lt;!-- leave this element's font-size as the default -->
+	&lt;head>
+		&lt;meta name="text-scale" content="scale" />
+	&lt;/head>
+	&lt;body>
+		&lt;div style="font-size: 1rem;">
+		  This font size obeys the user's font preferences, **whether
+			those preferences are specified at the operating system level
+			or the user agent level**
+		&lt;/div>
+		&lt;div style="font-size: 20px;">
+		  This font size does NOT respect the user's font preferences.
+			&lt;div style="font-size: 1rem;">
+			  But this font size does!
+			&lt;/div>
+		&lt;/div>
+	&lt;/body>
+&lt;/html>
+	</pre>
+</div>
+
 <h3 id="values">
 Value Definitions</h3>