- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 24 Jan 2012 23:46:47 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv1981
Modified Files:
Overview.html Overview.src.html
Log Message:
Tweaking the markup of the example some more.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.104
retrieving revision 1.105
diff -u -d -r1.104 -r1.105
--- Overview.html 24 Jan 2012 23:36:15 -0000 1.104
+++ Overview.html 24 Jan 2012 23:46:45 -0000 1.105
@@ -848,42 +848,39 @@
<div class=example>
<p>Some examples of valid flows:</p>
- <div class=code-and-figure>
- <div>
- <pre>
+ <table
+ style="margin: 0 auto; vertical-align: middle; border-spacing: 2em 1em;">
+ <tbody>
+ <tr>
+ <td>
+ <pre>
div { flex-flow: row; }
/* Initial value. Main axis is
inline, no wrap. */</pre>
- </div>
- <div><img height=80 src="images/flex-flow1.svg" width=200></div>
- </div>
+ <td><img height=80 src="images/flex-flow1.svg" width=240>
- <div class=code-and-figure>
- <div>
- <pre>
+ <tr>
+ <td>
+ <pre>
div { flex-flow: column wrap; }
/* Main axis is block-direction and lines
wrap in the inline direction. For an
English page, the main axis is top-to-bottom
and lines wrap to the right. */</pre>
- </div>
- <div><img height=200 src="images/flex-flow2.svg" width=170></div>
- </div>
+ <td><img height=200 src="images/flex-flow2.svg" width=170>
- <div class=code-and-figure>
- <div>
- <pre>
+ <tr>
+ <td>
+ <pre>
div { writing-mode: tb-rl;
flex-flow: column wrap-reverse; }
/* Main axis is block direction (right to
- left). New lines wrap upwards. */
- </pre>
- </div>
+ left). New lines wrap upwards. */</pre>
- <div><img height=170 src="images/flex-flow3.svg" width=200></div>
- </div>
+ <td><img height=170 src="images/flex-flow3.svg" width=200>
+ </table>
</div>
<h3 id=flex-order><span class=secno>3.2. </span> Display Order: the
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.104
retrieving revision 1.105
diff -u -d -r1.104 -r1.105
--- Overview.src.html 24 Jan 2012 23:36:15 -0000 1.104
+++ Overview.src.html 24 Jan 2012 23:46:45 -0000 1.105
@@ -366,32 +366,29 @@
<div class="example">
<p>Some examples of valid flows:</p>
- <div class='code-and-figure'>
- <div><pre>
+ <table style="margin: 0 auto; vertical-align: middle; border-spacing: 2em 1em;">
+ <tr>
+ <td><pre>
div { flex-flow: row; }
/* Initial value. Main axis is
- inline, no wrap. */</pre></div>
- <div><img src='images/flex-flow1.svg' width=200 height=80></div>
- </div>
- <div class='code-and-figure'>
- <div><pre>
+ inline, no wrap. */</pre>
+ <td><img src='images/flex-flow1.svg' width=240 height=80>
+ <tr>
+ <td><pre>
div { flex-flow: column wrap; }
/* Main axis is block-direction and lines
wrap in the inline direction. For an
English page, the main axis is top-to-bottom
and lines wrap to the right. */</pre>
- </div>
- <div><img src='images/flex-flow2.svg' width=170 height=200></div>
- </div>
- <div class='code-and-figure'>
- <div><pre>
+ <td><img src='images/flex-flow2.svg' width=170 height=200>
+ <tr>
+ <td><pre>
div { writing-mode: tb-rl;
flex-flow: column wrap-reverse; }
/* Main axis is block direction (right to
- left). New lines wrap upwards. */
- </div>
- <div><img src='images/flex-flow3.svg' width=200 height=170></div>
- </div>
+ left). New lines wrap upwards. */</pre>
+ <td><img src='images/flex-flow3.svg' width=200 height=170>
+ </table>
</div>
Received on Tuesday, 24 January 2012 23:46:55 UTC