View video tutorial

HTML <div> Tag

HTML

The <div> tag is a generic container element.

HTML <div> Tag


The <div> tag is used to group content so that they can be easily maintained and styled.

Class or ID attributes are used in CSS to style <div> elements.

This tag is the most commonly used tag to create HTML page layouts.

The <div> tags are block level tags and it is a container for flow content.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<div class="d1">
    <section>
        <h2>Introduction</h2>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s</p>
    </section>
</div>
<div class="d2">
    <section>
        <h2>Criteria</h2>
        <p>When an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
    </section>
</div>
Try it Now »

Click on the "Try it Now" button to see how it works.