You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
except that the "outer" text is shifted 12px upward,
@@ -1516,7 +1516,7 @@ Floating Example</h3>
1516
1516
document’s remaining text flows into them.
1517
1517
1518
1518
<figure>
1519
-
<img src="images/flow-float.png" alt="Image illustrating the effects of floating a box.">
1519
+
<img src="images/flow-float.png" width="326" height="342" alt="Image illustrating the effects of floating a box.">
1520
1520
<figcaption>
1521
1521
The "inner" text lays out in an independent box on the right,
1522
1522
causing the remaining "body" and "outer" text to flow around it.
@@ -1555,7 +1555,7 @@ Floating Example</h3>
1555
1555
and the document’s remaining text to flow into the vacated space:
1556
1556
1557
1557
<figure>
1558
-
<img src="images/flow-clear.png" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box.">
1558
+
<img src="images/flow-clear.png" width="326" height="342" alt="Image illustrating the effects of floating a box without setting the clear property to control the flow of text around the box.">
1559
1559
<figcaption>
1560
1560
Identical to the previous example,
1561
1561
save that there is now "sibling" text
@@ -1576,7 +1576,7 @@ Floating Example</h3>
1576
1576
</div>
1577
1577
1578
1578
<figure>
1579
-
<img src="images/flow-clear2.png" alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element.">
1579
+
<img src="images/flow-clear2.png" width="326" height="342" alt="Image illustrating the effects of floating an element with setting the clear property to control the flow of text around the element.">
1580
1580
<figcaption>
1581
1581
Now the "sibling" text moves down to below the "inner" text’s box,
<img src="images/flow-abs-rel.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
1646
+
<img src="images/flow-abs-rel.png" width="385" height="345" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block.">
1647
1647
<figcaption>
1648
1648
The "inner" text is positioned in an independent box,
1649
1649
relative to the top-left corner of the start of the "outer" text.
<img src="images/flow-static.png" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block established by a normally positioned parent.">
1672
+
<img src="images/flow-static.png" width="326" height="342" alt="Image illustrating the effects of absolutely positioning a box with respect to a containing block established by a normally positioned parent.">
1673
1673
<figcaption>
1674
1674
Same as before,
1675
1675
except now the "inner text" is positioned relative to the top-left corner of the page itself.
0 commit comments