Fixing the png file extension and some text formatting.

Author: rossen

css-snappoints/Overview.html

@@ -293,7 +293,7 @@ <h2 id=examples><span class=secno>2. </span>Examples</h2>
    <div class=figure>
     <p id=x0><img
      alt="The layout of the scroller</code>’s contents in the example. Snap points are set along the x-axis, starting at 0px and repeating at intervals of 100% of the containing block's width."
-     src=example1layout.png>
+     src=example1.png>
 
     <p class=caption id=the-layout-of-the-scrollers-contents-in->The layout
      of the scroller's contents in the example. Snap points are set along the

css-snappoints/Overview.src.html

@@ -111,7 +111,11 @@ <h3 id="values">
 <h2 id="examples">Examples
 </h2>
   <div class=example>
-  <p>In this example, a series of images arranged in a <span>scroller</span> are used to build a photo gallery. The <span>scroller</span> is sized to the same size of the images contained therein. Using mandatory snap points, scrolling will always complete with a snap point aligned to the edge of the <span>scroller</span>. By aligning a snap point at the edge of each image, this creates a photo viewer were users can scroll through the images one at a time.</p>
+  <p>In this example, a series of images arranged in a <span>scroller</span> are used to build a photo gallery. 
+      The <span>scroller</span> is sized to the same size of the images contained therein. Using mandatory snap 
+      points, scrolling will always complete with a snap point aligned to the edge of the <span>scroller</span>. 
+      By aligning a snap point at the edge of each image, this creates a photo viewer were users can scroll 
+      through the images one at a time.</p>
   <pre>img {
     width:500px;
 }
@@ -128,10 +132,11 @@ <h2 id="examples">Examples
 &lt;/div&gt;</code>
 
 <div class=figure>
-  <p><img src="example1layout.png"
+  <p><img src="example1.png"
   alt="The layout of the scroller's contents in the example. Snap points are set along the x-axis, starting at 0px and repeating at intervals of 100% of the containing block's width.">
 
-  <p class=caption>The layout of the scroller's contents in the example. Snap points are set along the x-axis, starting at 0px and repeating at intervals of 100% of the containing block's width.
+  <p class=caption>The layout of the scroller's contents in the example. Snap points are set along 
+      the x-axis, starting at 0px and repeating at intervals of 100% of the containing block's width.
   </div>
   </div>  
 <h3 id="definitions">
@@ -142,7 +147,8 @@ <h3 id="definitions">
 </dl>
 <h3 id="scroll-snap-type">
 Scroll Snap Types: the 'scroll-snap-type' property</h3>
-<p>The ''scroll-snap-type'' property is used to define the physics characteristics of panning and scrolling, if any. It defines how and when snap points are enforced on the scroller it is applied to. </p>
+<p>The ''scroll-snap-type'' property is used to define the physics characteristics of panning and scrolling, 
+    if any. It defines how and when snap points are enforced on the scroller it is applied to. </p>
   <table class=propdef>
     <tr>
       <th>Name:
@@ -224,7 +230,9 @@ <h3 id="scroll-snap-points">
     <dt><dfn>''snapList(point1,point2,&hellip;)''</dfn></dt>
       <dd>Defines one or more discrete snap points for the <span>scroller</span>. 
 	<dt><dfn>''snapInterval(start, interval) ''</dfn></dt>
-      <dd>Defines a starting snap point and an interval at which additional snap points are defined. The first argument is the starting snap point and the second argument is the interval to repeat thereafter.  </dl>
+      <dd>Defines a starting snap point and an interval at which additional snap points are defined. 
+          The first argument is the starting snap point and the second argument is the interval to 
+          repeat thereafter.  </dl>
   </dl>
 <h2 id="conformance">
 Conformance</h2>