[css3-overflow] Reorder text describing shorthand property and describe the longhand properties.

Author: dbaron

css3-overflow/Overview.html

@@ -364,6 +364,13 @@ <h2 id=intro><span class=secno>1. </span> Introduction</h2>
 
   <h2 id=overflow-properties><span class=secno>2. </span>Overflow properties</h2>
 
+  <p> The ‘<a href="#overflow-x"><code class=css>overflow-x</code></a>’
+   property specifies the handling of overflow in the horizontal direction
+   (i.e., overflow from the left and right sides of the box), and the ‘<a
+   href="#overflow-y"><code class=css>overflow-y</code></a>’ property
+   specifies the handling of overflow in the vertical direction (i.e.,
+   overflow from the top and bottom sides of the box)
+
   <table class=propdef>
    <tbody>
     <tr>
@@ -423,6 +430,13 @@ <h2 id=overflow-properties><span class=secno>2. </span>Overflow properties</h2>
       grammar</abbr>
   </table>
 
+  <p> The ‘<a href="#overflow"><code class=property>overflow</code></a>’
+   property is a shorthand property that sets the specified values of both
+   ‘<a href="#overflow-x"><code class=property>overflow-x</code></a>’ and
+   ‘<a href="#overflow-y"><code class=property>overflow-y</code></a>’ to
+   the value specified for ‘<a href="#overflow"><code
+   class=property>overflow</code></a>’.
+
   <table class=propdef>
    <tbody>
     <tr>
@@ -512,13 +526,6 @@ <h2 id=overflow-properties><span class=secno>2. </span>Overflow properties</h2>
     href="#fragment-overflow">fragment overflow</a>.
   </dl>
 
-  <p> The ‘<a href="#overflow"><code class=property>overflow</code></a>’
-   property is a shorthand property that sets the specified values of both
-   ‘<a href="#overflow-x"><code class=property>overflow-x</code></a>’ and
-   ‘<a href="#overflow-y"><code class=property>overflow-y</code></a>’ to
-   the value specified for ‘<a href="#overflow"><code
-   class=property>overflow</code></a>’.
-
   <div id=overflow-computed-values>
    <p>The computed values of ‘<a href="#overflow-x"><code
     class=property>overflow-x</code></a>’ and ‘<a

css3-overflow/Overview.src.html

@@ -239,6 +239,15 @@ <h2 id="intro">
 
 <h2 id="overflow-properties">Overflow properties</h2>
 
+	<p>
+		The ''overflow-x'' property specifies
+		the handling of overflow in the horizontal direction
+		(i.e., overflow from the left and right sides of the box),
+		and the ''overflow-y'' property specifies the handling
+		of overflow in the vertical direction
+		(i.e., overflow from the top and bottom sides of the box) 
+	</p>
+
 	<table class=propdef>
 		<tr>
 			<th>Name:
@@ -272,6 +281,12 @@ <h2 id="overflow-properties">Overflow properties</h2>
 			<td><abbr title="follows order of property value definition">per grammar</abbr>
 	</table>
 
+	<p>
+		The 'overflow' property is a shorthand property
+		that sets the specified values of both 'overflow-x' and 'overflow-y'
+		to the value specified for 'overflow'.
+	</p>
+
 	<table class=propdef>
 		<tr>
 			<th>Name:
@@ -334,12 +349,6 @@ <h2 id="overflow-properties">Overflow properties</h2>
 		</dd>
 	</dl>
 
-	<p>
-		The 'overflow' property is a shorthand property
-		that sets the specified values of both 'overflow-x' and 'overflow-y'
-		to the value specified for 'overflow'.
-	</p>
-
 	<div id="overflow-computed-values">
 		<p>The computed values of 'overflow-x' and 'overflow-y'
 		are determined from the cascaded values [[!CSS3CASCADE]]