[css-inline] add example of non-integral number of lines for drop initial

Author: dauwhe

css-inline/Overview.bs

@@ -386,6 +386,11 @@ this triggers the special layout considerations described below.
     <dd>Represents a <a>raised initial</a> 3 lines high, 1 line deep.
 
       <img src="images/InitialLetter31.png" alt="3 lines high, 1 line deep" width="360"/>
+
+    <dt>''initial-letter: 2.51 3''
+    <dd>The size of the initial letter does not have to be an integral number of lines. In this case only the bottom aligns.
+
+      <img src="images/non-integer-initial.png" alt="Non-integral initial letter that only aligns at base" width="360"/>
   </dl>
 
 </div>

css-inline/Overview.html

@@ -58,7 +58,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">CSS Inline Layout Module Level 3</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-09-23">23 September 2015</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-09-24">24 September 2015</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -524,8 +524,8 @@ <h3 class="heading settled" data-level="2.3" id="sizing-drop-initials"><span cla
    <p>An <dfn data-dfn-type="dfn" data-lt="initial letter | initial letter box" data-noexport="" id="initial-letter">initial letter<a class="self-link" href="#initial-letter"></a></dfn> is
 a box to which <a class="property" data-link-type="propdesc" href="#propdef-initial-letter">initial-letter</a> applies and is not <a class="css" data-link-type="maybe" href="#valdef-initial-letter-normal">normal</a>:
 this triggers the special layout considerations described below.</p>
-   <div class="example" id="example-f3165b99">
-    <a class="self-link" href="#example-f3165b99"></a> Here are some examples of <a class="property" data-link-type="propdesc" href="#propdef-initial-letter">initial-letter</a> usage: 
+   <div class="example" id="example-b3584378">
+    <a class="self-link" href="#example-b3584378"></a> Here are some examples of <a class="property" data-link-type="propdesc" href="#propdef-initial-letter">initial-letter</a> usage: 
     <dl>
      <dt><a class="css" data-link-type="propdesc" href="#propdef-initial-letter">initial-letter: 3</a> 
      <dt>(<a class="css" data-link-type="propdesc" href="#propdef-initial-letter">initial-letter: 3 3</a>) 
@@ -540,6 +540,10 @@ <h3 class="heading settled" data-level="2.3" id="sizing-drop-initials"><span cla
      <dd>
       Represents a <a data-link-type="dfn" href="#raised-initial">raised initial</a> 3 lines high, 1 line deep. 
       <p><img alt="3 lines high, 1 line deep" src="images/InitialLetter31.png" width="360"></p>
+     <dt><a class="css" data-link-type="propdesc" href="#propdef-initial-letter">initial-letter: 2.45 3</a> 
+     <dd>
+      The size of the initial letter does not have to be an integral number of lines. In this case only the bottom aligns. 
+      <p><img alt="Non-integral initial letter that only aligns at base" src="images/non-integer-initial.png" width="360"></p>
     </dl>
    </div>
    <div class="example" id="example-3c97a721">