HTML <div> Tag
Example
A section in a document that will have a light blue background color:
<div style="background-color:lightblue">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The <div>
tag defines a division or a section in an HTML document.
The <div>
element is often used as a container for other HTML elements to style them with CSS or to perform certain tasks with JavaScript.
Browser Support
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Tips and Notes
Tip: The <div>
element is very often used together with CSS, to layout a web page.
Note: By default, browsers always place a line break before and after the <div>
element.
However, this can be changed with CSS.
Global Attributes
The <div>
tag also supports the Global Attributes in HTML.
Event Attributes
The <div>
tag also supports the Event Attributes in HTML.
More Examples
Example
Align text in a <div> element (with CSS):
<div style="text-align:center;border:1px solid red;">
This is some text
in a div element!
</div>
Try it Yourself »
Related Pages
HTML tutorial: HTML Blocks
HTML tutorial: HTML Layout
HTML DOM reference: Div Object
Default CSS Settings
Most browsers will display the <div>
element with the following default values: