W3C home > Mailing lists > Public > public-css-commits@w3.org > January 2012

csswg/css3-flexbox Overview.html,1.104,1.105 Overview.src.html,1.104,1.105

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
Message-Id: <E1Rpq4d-0000WF-8z@lionel-hutz.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

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:26:09 UTC