[css-inline] add example of Hebrew alignment

Author: dauwhe

css-inline/Overview.bs

@@ -510,6 +510,21 @@ span.initial {
 </pre>
 </div>
 
+
+
+<div class="example">
+Initial letter in Hebrew
+<pre>
+span.initial {
+  initial-letter: 2;
+  initial-letter-alignment: hebrew;
+}
+
+<img src="images/hebrew-initial-letter.png" alt="optical kerning in the presence or absence of a space after the initial letter" width="480"/>
+</pre>
+</div>
+
+
 Except when ''border-box'' is specified,
 the alignment points of the <a>initial letter</a>
 are automatically determined from its contents:

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-15">15 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-23">23 September 2015</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -558,6 +558,7 @@ <h4 class="heading settled" data-level="2.3.1" id="initial-letter-properties"><s
     <li>all text decoration properties (see <a data-link-type="biblio" href="#biblio-css3-text-decor">[CSS3-TEXT-DECOR]</a>) 
     <li>all margin, border and padding properties  (see <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a> and <a data-link-type="biblio" href="#biblio-css3bg">[CSS3BG]</a>) 
    </ul>
+   <p class="note" role="note">Note: Which properties apply to <a data-link-type="dfn" href="#initial-letter">initial letter</a> depend on whether it is an inline box or an <a data-link-type="dfn" href="#initial-letter">initial letter</a> box, as <a data-link-type="dfn" href="#initial-letter">initial letter</a> is a display type.</p>
    <p class="issue" id="issue-939d845d"><a class="self-link" href="#issue-939d845d"></a> Add <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-width">width</a>/<a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-height">height</a> as requested by Tantek... need to integrate with model.</p>
    <h4 class="heading settled" data-level="2.3.2" id="initial-letter-model"><span class="secno">2.3.2. </span><span class="content"> Layout Model</span><a class="self-link" href="#initial-letter-model"></a></h4>
    <p>An <a data-link-type="dfn" href="#initial-letter">initial letter</a> is laid out following the steps outlined below:</p>
@@ -643,6 +644,16 @@ <h3 class="heading settled" data-level="2.4" id="aligning-initial-letter"><span
   initial-letter: 2;
   initial-letter-alignment: ideographic;
 }
+</pre>
+   </div>
+   <div class="example" id="example-98bec6c2">
+    <a class="self-link" href="#example-98bec6c2"></a> Initial letter in Hebrew 
+<pre>span.initial {
+  initial-letter: 2;
+  initial-letter-alignment: hebrew;
+}
+
+    <img alt="optical kerning in the presence or absence of a space after the initial letter" src="images/hebrew-initial-letter.png" width="480">
 </pre>
    </div>
    <p>Except when <a class="css" data-link-type="maybe" href="#valdef-initial-letter-align-border-box">border-box</a> is specified,