Add example rendering to the image(ltr) example.

Author: tabatkins

css3-images/Overview.html

@@ -16,15 +16,15 @@
 
    <h1>CSS Image Values and Replaced Content Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 December
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 December
     2011</h2>
 
    <dl>
     <dt>This Version:
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
-     <!--<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20111212/">http://www.w3.org/TR/2011/WD-css3-images-20111212/</a>-->
+     <!--<dd><a href="http://www.w3.org/TR/2011/ED-css3-images-20111213/">http://www.w3.org/TR/2011/WD-css3-images-20111213/</a>-->
 
 
     <dt>Latest Version:
@@ -539,6 +539,12 @@ <h3 id=image-notation><span class=secno>3.2. </span> Image Fallbacks and
 	&lt;li dir='rtl'>MY BULLET IS ON THE RIGHT!&lt;/li>
 &lt;/ul></pre>
 
+   <p>This should render something like:</p>
+
+   <pre>
+⇒ My bullet is on the left!
+  !THGIR EHT NO SI TELLUB YM ⇐</pre>
+
    <p>In ltr list items, the image will be used as-is. In the rtl list items,
     however, it will be flipped in the inline direction, so it still points
     into the content.</p>

css3-images/Overview.src.html

@@ -255,6 +255,12 @@ <h3 id="image-notation">
 	&lt;li dir='rtl'>MY BULLET IS ON THE RIGHT!&lt;/li>
 &lt;/ul></pre>
 
+		<p>This should render something like:</p>
+
+		<pre>
+⇒ My bullet is on the left!
+  !THGIR EHT NO SI TELLUB YM ⇐</pre>
+
 		<p>In ltr list items, the image will be used as-is.  In the rtl list items, however, it will be flipped in the inline direction, so it still points into the content.</p>
 	</div>