[css-inline] add section on replaced elements as initial letters

Author: dauwhe

css-inline/Overview.bs

@@ -2495,6 +2495,11 @@ span.initial {
 </div>
 
 
+<h4 id="initial-letter-replaced">Applying 'initial-letter' to replaced elements</h4>
+
+'initial-letter' may be applied to an image or other replaced element, if it is the first child of the block container. In this case, the alignment points for the image would be the content edges.
+
+
 <h3 id="initial-letter-exclusions">Space Around Initial Letters</h3>
 
 If an initial letter has a descender, it could crash into the (n+1)th line of text. This is not desirable.

css-inline/Overview.html

@@ -125,7 +125,7 @@ <h2 class="no-num no-toc no-ref heading settled" id=contents><span class=content
 the dominant baseline: the <span class=property data-link-type=propdesc title=baseline-shift>baseline-shift</span> property</span></a><li><a href=#vertical-align-prop><span class=secno>2.8</span> <span class=content>Vertical
 alignment: the <span class=property data-link-type=propdesc title=vertical-align>vertical-align</span> shorthand baseline
 alignment property</span></a><li><a href=#inline-box-align-prop><span class=secno>2.9</span> <span class=content>Inline box
-alignment: the <span class=property data-link-type=propdesc title=inline-box-align>inline-box-align</span> property</span></a></ul><li><a href=#Initial><span class=secno>3</span> <span class=content>Initial Lines and Initial Letters</span></a><ul class=toc><li><a href=#InitialLine><span class=secno>3.1</span> <span class=content>Initial Lines</span></a><li><a href=#DropInitial><span class=secno>3.2</span> <span class=content>An Introduction to Initial Letters</span></a><li><a href=#selecting-drop-initials><span class=secno>3.3</span> <span class=content>Selecting Initial Letters</span></a><li><a href=#sizing-drop-initials><span class=secno>3.4</span> <span class=content>Creating Initial Letters: the <span class=property data-link-type=propdesc title=initial-letter>initial-letter</span> property</span></a><li><a href=#aligning-initial-letter><span class=secno>3.5</span> <span class=content>Alignment of Initial Letters</span></a><li><a href=#initial-letter-exclusions><span class=secno>3.6</span> <span class=content>Space Around Initial Letters</span></a><li><a href=#initial-letter-paragraphs><span class=secno>3.7</span> <span class=content>Interactions of initial letters with surrounding paragraphs</span></a><ul class=toc><li><a href=#raised-sunken-caps><span class=secno>3.7.1</span> <span class=content>Raised and sunken caps</span></a><li><a href=#short-para-initial-letter><span class=secno>3.7.2</span> <span class=content>Short paragraphs with initial letters</span></a></ul></ul><li><a href=#properties><span class=secno>4</span> <span class=content>Properties index</span></a><li><a href=#profiles><span class=secno>5</span> <span class=content>Profiles</span></a><li><a href=#BaselineUsage><span class=secno></span> <span class=content>Appendix A: Usage of baseline alignment
+alignment: the <span class=property data-link-type=propdesc title=inline-box-align>inline-box-align</span> property</span></a></ul><li><a href=#Initial><span class=secno>3</span> <span class=content>Initial Lines and Initial Letters</span></a><ul class=toc><li><a href=#InitialLine><span class=secno>3.1</span> <span class=content>Initial Lines</span></a><li><a href=#DropInitial><span class=secno>3.2</span> <span class=content>An Introduction to Initial Letters</span></a><li><a href=#selecting-drop-initials><span class=secno>3.3</span> <span class=content>Selecting Initial Letters</span></a><li><a href=#sizing-drop-initials><span class=secno>3.4</span> <span class=content>Creating Initial Letters: the <span class=property data-link-type=propdesc title=initial-letter>initial-letter</span> property</span></a><li><a href=#aligning-initial-letter><span class=secno>3.5</span> <span class=content>Alignment of Initial Letters</span></a><ul class=toc><li><a href=#initial-letter-replaced><span class=secno>3.5.1</span> <span class=content>Applying <span class=property data-link-type=propdesc title=initial-letter>initial-letter</span> to replaced elements</span></a></ul><li><a href=#initial-letter-exclusions><span class=secno>3.6</span> <span class=content>Space Around Initial Letters</span></a><li><a href=#initial-letter-paragraphs><span class=secno>3.7</span> <span class=content>Interactions of initial letters with surrounding paragraphs</span></a><ul class=toc><li><a href=#raised-sunken-caps><span class=secno>3.7.1</span> <span class=content>Raised and sunken caps</span></a><li><a href=#short-para-initial-letter><span class=secno>3.7.2</span> <span class=content>Short paragraphs with initial letters</span></a></ul></ul><li><a href=#properties><span class=secno>4</span> <span class=content>Properties index</span></a><li><a href=#profiles><span class=secno>5</span> <span class=content>Profiles</span></a><li><a href=#BaselineUsage><span class=secno></span> <span class=content>Appendix A: Usage of baseline alignment
 (informative)</span></a><li><a href=#ack><span class=secno></span> <span class=content>Acknowledgments</span></a><li><a href=#conformance><span class=secno></span> <span class=content>
 Conformance</span></a><ul class=toc><li><a href=#conventions><span class=secno></span> <span class=content>
 Document conventions</span></a><li><a href=#conformance-classes><span class=secno></span> <span class=content>
@@ -2551,6 +2551,11 @@ <h3 class="heading settled" data-level=3.5 id=aligning-initial-letter><span clas
 </div>
 
 
+<h4 class="heading settled" data-level=3.5.1 id=initial-letter-replaced><span class=secno>3.5.1. </span><span class=content>Applying <a class=property data-link-type=propdesc href=#propdef-initial-letter title=initial-letter>initial-letter</a> to replaced elements</span><a class=self-link href=#initial-letter-replaced></a></h4>
+
+<p><a class=property data-link-type=propdesc href=#propdef-initial-letter title=initial-letter>initial-letter</a> may be applied to an image or other replaced element, if it is the first child of the block container. In this case, the alignment points for the image would be the content edges.</p>
+
+
 <h3 class="heading settled" data-level=3.6 id=initial-letter-exclusions><span class=secno>3.6. </span><span class=content>Space Around Initial Letters</span><a class=self-link href=#initial-letter-exclusions></a></h3>
 
 <p>If an initial letter has a descender, it could crash into the (n+1)th line of text. This is not desirable.</p>