x

Author: howcom

css3-gcpm/Overview.html

@@ -3614,6 +3614,41 @@ <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
 &lt;/article>
 </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>