Home >> Tutorials/FAQs >> CSS Tutorials >> Index

CSS Tutorials - Understanding Multiple Element Formatting Rules

By: FYICenter.com

A collection of 15 FAQs/tutorials tips on understanding multiple element formatting rules. Clear answers are provided with tutorial exercises on stacking and nesting block elements, aligning in-line elements, floating block elements, collapsing margins between elements, balancing widths and heights with parent elements, collapsing white spaces. Topics included in this collection are:

1. How Many Ways Can Elements Relate to Each Other?
2. How In-line Elements Are Formatted Side by Side?
3. How Nested Block Elements Are Formatted?
4. How Two Block Elements Are Formatted as a Stack?
5. How Floating Elements Are Formatted?
6. Why Is the Top Margin Not Showing?
7. How Are Vertical Margins between Two Block Elements Collapsed?
8. How Are Parent Padding Spaces Collapsed with the Child Margins?
9. How Is the Width of a Parent Element Related to Child Elements?
10. How Is the Full Width of a Block Element Extended?
11. How To Test Child Full Width Extension?
12. How To Test Parent Content Width Extension?
13. What Are White Spaces in HTML Documents?
14. How White Spaces Are Formatted?
15. What Happens to Multiple White Spaces in In-line Elements?

(Continued on next topic...)