HTML Div Tag - W3Schools

HTML <div> Tag ❮ Previous Complete HTML Reference Next

Example

A <div> section in a document that is styled with CSS:

<html><head><style>.myDiv { border: 5px outset red; background-color: lightblue; text-align: center;}</style> </head><body><div class="myDiv"> <h2>This is a heading in a div element</h2> <p>This is some text in a div element.</p> </div></body></html> 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> tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript.

The <div> tag is easily styled by using the class or id attribute.

Any sort of content can be put inside the <div> tag!

Note: By default, browsers always place a line break before and after the <div> element.

Browser Support

Element
<div> Yes Yes Yes Yes Yes

Global Attributes

The <div> tag also supports the Global Attributes in HTML.

Event Attributes

The <div> tag also supports the Event Attributes in HTML.

Related Pages

HTML tutorial: HTML Block and Inline Elements

HTML tutorial: HTML Layout

HTML DOM reference: Div Object

Default CSS Settings

Most browsers will display the <div> element with the following default values:

Example

div { display: block;} Try it Yourself » ❮ Previous Complete HTML Reference Next +1 Track your progress - it's free! Log in Sign Up

Từ khóa » Html5 Tag Div