Your Electronic Books

Block Formatting
In a block formatting context, boxes are laid out vertically, starting at the top.
Block-level elements??”elements with a display property value of block, list-item,
table, and (in certain circumstances) run-in??”participate in block formatting
contexts.
A block-level element with a display property value other than table will generate
a principal box block. A principal box will contain either block boxes or inline
boxes as children, never both. If the element contains a mix of block-level and inline
children, anonymous block boxes will be generated where necessary, so that the
principal box will only contain block boxes. Consider the following example:
165 CSS Layout and Formatting

The HTML snippet above will, by default, generate a principal box for the div
element and the two p elements, plus an anonymous block box for the text that
appears between the paragraphs, as seen in Figure 6.


Pages:
228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252