[css2] Added text about where padding and margins go around inline elements broken over several lines

bert-github · bert-github · commit 65ac245c5b2a · 2003-08-11T23:25:00.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402119
diff --git a/css2/box.src b/css2/box.src
@@ -1,12 +1,14 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+<!doctype html public '-//W3C//DTD HTML 4.01//EN'
+  'http://www.w3.org/TR/html4/strict.dtd'>
+
 <html lang="en">
-<!-- $Id: box.src,v 1.35 2003-07-01 15:42:14 bbos Exp $ -->
+<!-- $Id: box.src,v 1.36 2003-08-11 23:25:00 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Box model</TITLE>
 </HEAD>
 <BODY>
-<H1 align="center"><a name="box-model">Box model</a></H1>
+<H1><a name="box-model">Box model</a></H1>
 
 <P>The CSS box model describes the rectangular boxes that are
 generated for elements in the <a href="conform.html#doctree">document
@@ -90,10 +92,10 @@ generating element. Margin backgrounds are always transparent.
 
 <H2><a name="mpb-examples">Example of margins, padding, and borders</a></H2> 
 
-This example illustrates how margins, padding, and borders
+<P>This example illustrates how margins, padding, and borders
 interact. The example HTML document:
 
-<PRE class="html-example">
+<pre class="html-example">
 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"&gt;
 &lt;HTML&gt;
   &lt;HEAD&gt;
@@ -128,7 +130,7 @@ interact. The example HTML document:
     &lt;/UL&gt;
   &lt;/BODY&gt;
 &lt;/HTML&gt;
-</PRE>
+</pre>
 
 <P>results in a <a href="conform.html#doctree">document tree</a> with
 (among other relationships) a UL element that has two LI
@@ -745,24 +747,33 @@ relevant.
 </div>
 
 
-<h3>The border model for inline elements</h3>
+<h2>The border model for inline elements</h2>
 
 <p>For each line box, UAs must take the inline boxes generated for
-each element and render the borders and backgrounds in visual order
-(not logical order). The results (what part of the background is
-behind which element) may differ based on the line wrapping.
+each element and render the margins, borders and padding in visual
+order (not logical order).
 
 <p>When the element's <span
 class=propinst-direction>'direction'</span> property is 'ltr', the
 left-most generated box of the first line box in which the element
-appears has a left border, and the right-most generated box of the
-last line box in which the element appears has a right border.
+appears has a left margin, left border and left padding, and the
+right-most generated box of the last line box in which the element
+appears has a right padding, right border and right margin.
 
 <p>When the element's <span
 class=propinst-direction>'direction'</span> property is 'rtl', the
 right-most generated box of the first line box in which the element
-appears has a right border, and the left-most generated box of the
-last line box in which the element appears has a left border.
+appears has a right padding, right border and right margin, and the
+left-most generated box of the last line box in which the element
+appears has a left margin, left border and left padding.
 
 </BODY>
 </HTML>
+<!-- Keep this comment at the end of the file
+Local variables:
+mode: sgml
+sgml-declaration:"~/SGML/HTML4.dcl"
+sgml-default-doctype-name:"html"
+sgml-minimize-attributes:t
+End:
+-->
