Articles → HTML → Div Tag In HTML

Div Tag In HTML

In this article, we will discuss the div tag in HTML.

Purpose

Div is the part of the HTML document.

Syntax

<div>
      Contents 
</div>

Example

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
    <div style="border:1px solid black;height:25%">
        Test1
    </div>
    <div style="border:1px solid black;height:25%">
        Test2
    </div>
    <div style="border:1px solid black;height:25%">
        Test3
    </div>
    <div style="border:1px solid black;height:25%">
        Test4
    </div>
</body>
</html>

Try It

In the above code, I am dividing the vertical space of the HTML document into four parts. For that, I am declaring 4 div tags and assigning 25% height to each div.

In the same way, you can also divide the horizontal space of the HTML document. Instead of height, just mention width.

Output

Click to Enlarge

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
Yes	Yes	Yes	Yes	Yes	Yes

Posted By -	Karan Gupta

Posted On -	Tuesday, November 1, 2016

Updated On -	Saturday, November 18, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**