@@ -84,75 +84,76 @@ Inline Layout Box Model</h2>
8484 [=Inline-axis=] [=margins=] , [=borders=] , and [=padding=]
8585 are respected between [=inline-level boxes=]
8686 (and their margins do not <a href="https://www.w3.org/TR/CSS2/box.html#collapsing-margins">collapse</a> ).
87- The rectangular area that contains the boxes
88- that form a line of [=inline-level content=]
87+ The resulting rectangular area that contains the boxes
88+ that form a single line of [=inline-level content=]
8989 is called a <dfn export>line box</dfn> .
9090
9191 Note: <a>Line boxes</a> and <a>inline boxes</a> and <a>inline-level boxes</a>
9292 are each different things!
9393 See [[CSS-DISPLAY-3]] for an in-depth discussion of box types and related terminology.
9494
9595 [=Line boxes=] are created as needed
96- to hold inline-level content
97- within an inline formatting context.
96+ to hold [= inline-level=] content
97+ within an [= inline formatting context=] .
9898 When an [=inline box=] exceeds the [=logical width=] of a [=line box=] ,
9999 or contains a <a spec="css-text-3">forced line break</a> ,
100100 it is split (see [[css-text-3#line-breaking]] )
101101 into several [=fragments=] [[css-break-3]] ,
102- which are distributed across multiple line boxes.
102+ which are distributed across multiple [= line boxes=] .
103103 Like [=column boxes=] in [=multi-column layout=] [[CSS-MULTICOL-1]] ,
104104 [=line boxes=] are [=fragmentation containers=]
105105 generated by their [=formatting context=] ,
106106 and are not part of the CSS [=box tree=] .
107107
108- Note: Inline boxes can also be <a href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">split into several fragments
108+ Note: [=Inline boxes=] can also be
109+ <a href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model">split into several fragments
109110 within the same line box due to bidirectional text processing</a> .
110111 See [[CSS-WRITING-MODES-3]] .
111112
112- Line boxes are stacked
113+ [= Line boxes=] are stacked
113114 as the direct contents of the [=block container box=]
114115 in the [=block flow direction=]
115116 and aligned within this container as specified by 'align-content' [[css-align-3]] .
116117 Thus, an [=inline formatting context=] consists of
117- a stack of line boxes.
118- Line boxes are stacked with no separation
118+ a stack of [= line boxes=] .
119+ [= Line boxes=] are stacked with no separation
119120 (except as specified elsewhere,
120121 e.g. for [=float=] <a href="https://www.w3.org/TR/CSS2/visuren.html#clearance">clearance</a> )
121122 and they never overlap.
122123
123124 In general,
124- the [=line-left=] edge of a line box touches
125+ the [=line-left=] edge of a [= line box=] touches
125126 the [=line-left=] edge of its [=containing block=]
126127 and the [=line-right=] edge touches
127128 the [=line-right=] edge of its [=containing block=] ,
128129 and thus the [=logical width=] of a line box is equal to
129130 the <a lt="inner size">inner</a> [=logical width=]
130- of its containing block
131+ of its [= containing block=]
131132 (i.e. the [=block container=] ’s [=content box=] ).
132133 However, floating boxes or [=initial letter boxes=]
133- can come between the containing block edge and the line box edge,
134- reducing space available to, and thus the [=logical width=] ,
135- of any such impacted line boxes.
134+ can come between the [= containing block=] edge and the [= line box=] edge,
135+ reducing the space available to, and thus the [=logical width=] ,
136+ of any such impacted [= line boxes=] .
136137 (See [[CSS2/visuren#inline-formatting]] /[[CSS2/visuren#floats]]
137138 and [[#initial-letter-styling]] .)
138139
139- Within the line box,
140- inline-level boxes can be aligned
140+ Within the [= line box=] ,
141+ [= inline-level boxes=] can be aligned
141142 along the [=block axis=]
142143 in different ways:
143- their over or under edges can be aligned,
144+ their [=line- over|over=] or [=line- under|under=] edges can be aligned,
144145 or the baselines of text within them can be aligned.
145146 See 'vertical-align' and its longhands.
146- The [=logical height=] of a line box is fitted to its contents
147+ The [=logical height=] of a [= line box=] is fitted to its contents
147148 by the rules given in [[#line-sizing-property]] .
148149
149- Line boxes that contain no text,
150+ [= Line boxes=] that contain no text,
150151 no [=preserved white space=] ,
151152 no [=inline boxes=] with non-zero [=margins=] , [=padding=] , or [=borders=] ,
152153 and no other [=in-flow=] content
153154 (such as [=atomic inlines=] or [=ruby annotations=] ),
154- and do not end with a preserved newline
155- must be treated as zero-<a lt=" logical height"> height</a> line boxes
155+ and do not end with a [=forced line break=]
156+ must be treated as zero-[= logical height| height=] [= line boxes=]
156157 for the purposes of determining the positions of any elements inside of them
157158 (such as [=absolutely positioned boxes=] ),
158159 and must be treated as not existing for any other purpose
0 commit comments