Welcome Guest! (App Version 3.1)

websitnero logo name

HTML Div

Overview

  • Div is a block-level Element.
  • Div & Paragraph are the most used block elements in HTML.
  • Div tag is mostly used to make the basic layout or basic dom-skeleton of a web page.
  • Div is built to form a container or wrapper of other elements and create dom of a web page in an organized way.

About Div tag

HTML Div tags are used to create basic structure of DOM Skeleton on a web page. Div is a block-level element and is therefore capable of creating basic structure of containers to create other elements and making various parts or sections on a web page.

Before the introduction of HTML5, the layout handling of various parts of a web page, such as top part (header), navigation, left-menu, right-menu, main article section and bottom part (footer) was all done by suing div tags only.

<div>This is a div.</div>

Example

<head>
<style>
div{
  border-radius:8px;
  margin:5px;
  min-height:80px;
  padding:10px 5px;
}
.div-top{
  background:yellow;
}
.div-left{
  background:blue;
  display:inline-block;
  width:48%;
}
.div-right{
  background:green;
  display:inline-block;
  width:48%;
}
.div-bottom{
  background:pink;
}
</style>
</head>

<body>
  <div class="div-top">This is top div.</div>
  <div class="div-left">This is left div.</div>
  <div class="div-right">This is right div. </div>
  <div class="div-bottom">This is bottom div.</div>
</body>
WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.