Elements – Div Tag


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!

More Information:

Tutorialspoint

MDN

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.