22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

First element of list<br />

Second element of list<br />

is longer to illustrate<br />

wrapping<br />

Content width of LI<br />

UL padding<br />

UL margins<br />

First element of list<br />

LI padding<br />

Second element of list<br />

is longer to illustrate<br />

wrapping<br />

LI padding<br />

LI margins<br />

Collapsed margin is<br />

max(12px, 12px)=12px<br />

Content width of UL<br />

Note that:<br />

Box width of UL<br />

The content width [p. 82] for each LI box is calculated top-down; the containing<br />

block [p. 96] for each LI box is established by the UL element.<br />

The height of each LI box is given by its content height [p. 82] , plus top and<br />

bottom padding, borders, and margins. Note that vertical margins between<br />

the LI boxes collapse. [p. 86]<br />

The right padding of the LI boxes has been set to zero width (the ’padding’<br />

84

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!