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

CSS Tutorials - What Is an Inline Element

By: FYICenter.com

(Continued from previous topic...)

What Is an Inline Element?

An inline element is formatted as a rectangular block joining other inline elements horizontally to form a line of inline elements. If the width of the parent content box is reached, it will be wrapped to start a new line. One or more lines of in-line elements become a block element. Examples of inline elements are:

• <IMG> - A tag to insert an image into the current line.
• <STRONG> - A tag to make the text stronger.
• <EM> - A tag to emphasize the text
• <INPUT> - A tag to allow user entering input data to a form.
• <SPAN> - A container to group inline elements into a unit.
• <A> - A tag to create a hyper link.
• <BR> - A tag to break the current line.

(Continued on next topic...)

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?