<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.
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>
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!