HTML <div> Tag

❮ Previous Next ❯

HTML <div> Tag

The <div> tag in HTML is used to create a division or section within a document.

The <div> tag serves as a container for HTML elements. You can style it using CSS or control it with JavaScript.

You can easily style the <div> tag by using either the class or id attribute.

You can place any content inside the <div> tag! tag.

Note: By default, web browsers automatically insert a line break both before and after the <div> element with the class attribute set to "ppt-codespan.

<!DOCTYPE html>
<html>
  <head>
    <style>
      .myDiv {
        border: 5px outset red;
        background-color: lightblue;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>The div element</h1>
    <div class="myDiv">
      <h2>This is a heading in a div element</h2>
      <p>This is some text in a div element.</p>
    </div>
    <p>This is some text outside the div element.</p>
  </body>
</html>

❮ Previous Next ❯

HTML Basics

HTML Tags

HTML Attributes

HTML Graphics

HTML APIs

HTML DOM

HTML Audio/Video

HTML 5 MathML

HTML <div> Tag

HTML <div> Tag

Web Development