csswg-drafts/css2/images/longdesc/changebar-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
36
<!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 change bar example</title>
  </head>

  <body>
      <h1>Long description for change bar example</h1>

<P>This diagram illustrates the use of absolute positioning to create
a changebar effect. The changebar (represented by two hyphens in the
image) appears in the 10px space to the left of the paragraph.

<P>The illustration shows a vertical line that represents the
left edge of the paragraph's containing block. The paragraph
text (in black) is shifted 10px from this edge (shown in
the diagram). The change bars (two red hyphens) appear to the
left of the word "THIS", which begins the fourth line
of text.

<P>The following PRE element simulates the example.
Vertical bars represent the left containing block edge.</p>

<PRE>
|   I used two red hyphens to serve
|   as a change bar. They will "float"
|   to the left of the line containing
| --THIS word.
</PRE>

<P><a href="../../visuren.html#img-flow-changebar">Return to image.</a>

  </body>
</html>