adding example

Author: howcom

css3-gcpm/Overview.src.html

@@ -3192,6 +3192,45 @@ <h3>Turning columns into regions</h3>
 </pre>
 </div>
 
+
+<div class=example>
+Consider this markup:
+
+<pre>
+&lt;div class=text>
+&lt;div lang=en>
+Some words in English ...
+&lt;/div>
+&lt;div lang=fr>
+Quelques mots en Francaise...
+&lt;/div>
+&lt;/div>
+</pre>
+
+<p>Here is the CSS code to lay these out into two columns with
+different background colors:
+
+<pre>
+div.text {
+  columns: 32em;
+}
+
+div:lang(en) {
+  display: table-cell;
+  color: black; background: white;
+}
+
+div:lang(fr) {
+  display: table-cell;
+  color: white; background: black;
+}
+</pre>
+
+<p>This example shows that use cases that first seem to require regions may be achieved with other methods.
+
+</div>
+
+
 <!--
 <div class=example>
 <pre>