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

CSS Tutorials - HTML Formatting Model: Block, Inline and Floating Elements

By: FYICenter.com

A collection of 21 FAQs/tutorials tips on HTML formatting models. Clear answers are provided with tutorial exercises on block and inline elements, specifying padding spaces and margins, specifying border width and color, transparent and non-transparent backgrounds, positioning background images, line boxes and text paragraphs, setting line height. Topics included in this collection are:

1. What Is the HTML Element Formatting Model?
2. What Are the Formatting Behaviors of HTML Elements?
3. What Is a Block Element?
4. What Is an Inline Element?
5. What Is a Floating Element?
6. Hot To Specify the Content Box Size of a Block Element?
7. Hot To Specify Padding Spaces of a Block Element?
8. Hot To Test Padding Spaces on All 4 Sides?
9. How To Specify Borders of a Block Element?
10. Hot To Test Borders with Different Widths, Styles, and Colors?
11. How To Specify Margin Spaces of a Block Element?
12. How To Test Margin Spaces on All 4 Sides?
13. How To Specify the Color of the Margin Area?
14. How To Specify the Color of the Padding Area?
15. What Are the Background Properties of a Block Element?
16. How To Set Background to Transparent or Non-transparent?
17. How To Add Images to Backgrounds?
18. What Is the Text Paragraph Formatting Model?
19. How In-Line Elements Are Mixed in Text Lines?
20. How In-line Elements Affect Line Box Heights?
21. Is FORM a Block Element?

(Continued on next topic...)