csswg-drafts/css2/images/longdesc/float2p-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
<!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 of how floats overlap with boxes in normal
      flow</title>
  </head>

  <body>
      <h1>Long description of how floats overlap with boxes in normal
      flow</h1>

<P>This diagram illustrates a floating image that overlaps the borders
of two paragraphs in normal flow: the paragraph borders are
clipped by the non-transparent parts of the image.

<P>There are two paragraphs in normal flow, each surrounded by red
border.  A left-floating image causes the final three lines of the
upper paragraph to float along its right side. It causes the
first three lines of the following paragraph to do the same, and
the remainder of that paragraph flows normally.

<P>The paragraph borders shine through the margin area of the image
box. The non-transparent part of the image content area
clips them, however.

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

  </body>
</html>