How to Work with Block and Inline Elements in HTML
Visible elements in HTML may be block or inline. In this how-to, you'll learn the difference between these two types of elements.
Block Elements
Block elements are elements that separate a block
of content. For example, a paragraph (<p>) element
is a block element. Other block elements include:
- Lists (<ul> and <ol>)
- Tables (<table>)
- Forms (<form>)
- Divs (<div>)
Inline Elements
Inline elements are elements that affect only snippets of content and do not block off a section of a page. Examples of inline elements include:
- Links (
<a>) - Images (
<img>) - Formatting tags (
<i>,<b>,<big>,<small>, etc.) - Phrase elements (
<em>,<strong>,<code>, etc.) - Spans (
<span>)