Div Tag
The <div>
tag is a generic container that defines a section in your HTML document. A <div>
element is used to group sections of HTML elements together and format them with CSS. A <div>
is a block-level element. This means that it takes up its own line on the screen. Elements right after the <div>
will be pushed down to the line below. For similar grouping and styling that is not block-level, but inline, you would use the <span>
tag instead. The tag is used to group inline-elements in a document.
Example
Here is an example of how to display a section in the same color:
<div style="color:#ff0000">
<h3>my heading</h3>
<p>my paragraph</p>
</div>
Differences between <span>
and <div>
The main difference is that <span>
is an inline element, while <div>
is a block element. This means that a <span>
can appear within a sentence or paragraph (as in the example above), while a <div>
will start a new line of content. Note that the CSS display
property can change this default behavior, but that’s way beyond the scope of this article!