csswg-drafts/css2/images/longdesc/first-letter-desc.html at f8d339d7c73a76999007c3138f5702de79d32de2 · w3c/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
  <head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

    <title>Long description for drop cap example</title>
  </head>

  <body>
      <h1>Long description for drop cap example</h1>

<P>This diagram illustrates a drop cap layout using
the :first-letter pseudo-class.

<P>There are 4 lines of text. The first line begins with a large
capital "T" that spans two lines. The rest of the text
flows around the "T": the first two lines lie to its right
and the third and fourth below it (aligned with the left
side of the "T").

<P>In the following PRE element layout, the space occupied
by the "T" at the beginning of the second line is represented
by an underscore (_):</P>

<PRE>
T he first few
_ words of an
article in the
Economist
</PRE>

<P><a href="../../selector.html#img-first-letter">Return to image.</a>

</body>
</html>