[24] 例えば

<DIV><P STYLE="display: inline-block">Hello<BR>Goodbye</P> etcetera</DIV>

[18] 例えば

<p><br>First...

[11] 例えばドイツ語では要素のはじめが「ij」ならこの2文字を共に「最初の letter」 として扱うべきです。 >>5

[23] 例えば

<div>
<p>The first text.

<div>
<p>div::first-letterp::first-letterT</p::first-letter></div::first-letter>he first text.

[13] 例えば

<p>'<em>T...

[28] 例えば

p::before {content: "Note: "}

[16] 例えば

<P>Some text that ends up on two lines</P>

p { color: red; font-size: 12pt }
p::first-letter { color: green; font-size: 200% }
p::first-line { color: blue }

<P>
P::first-line
P::first-letter 
S 
</P::first-letter>ome text that 
</P::first-line> 
ends up on two lines 
</P>

[33] CSS

p { line-height: 1.1 }
p::first-letter { font-size: 3em; font-weight: normal }
span { font-weight: bold }

<p><span>Het hemelsche</span> gerecht heeft zich ten lange lesten<br>
Erbarremt over my en mijn benaeuwde vesten<br>
En arme burgery, en op mijn volcx gebed<br>
En dagelix geschrey de bange stad ontzet.

架空開始タグは「H」の直前に挿入されるので、継承順序より「H」は 'font-weight: normal' となります。またその 'line-height' は本来 '1.1' ですが、 >>32 より適切な必要十分の行間でレンダリングされます。 >>5

[34] CSS

   P               { font-size: 12pt; line-height: 1.2 }
   P::first-letter { font-size: 200%; font-weight: bold; float: left }
   SPAN            { text-transform: uppercase }

  <P><SPAN>The first</SPAN> few words of an article
    in The Economist.</P>

'float' によって「T」は最初の行と2行目にまたがってレンダリングされるようになります。 'line-height' は本来 '1.2' ですが、やはり >>32 により必要十分なだけの行間になります。