# div element

Type: | Images and Specials
Attributes: | align • background-color • background-image-dpi • background-image-position • background-image • background-pdf • border-color • border-style • border-width • border • clear • corner-radius • display • float • font-size • height • href • left • line-cap • line-height • line-join • margin • onmouseover • overflow • padding • page-break-after • page-break-inside • position • rotate • size • top • vertical-align • visibility • white-space • width • class • colorspace • direction • id • lang
See: | a p shape

A div is a generic block element (the name is chosen for compatibility with HTML 3.2, but probably "block" would be more appropriate).
All block elements in the document are special classes of div - a paragraph is a div that contains text, an image is a div that contains an image, a shape contains vector graphics and so on.
A div can be used as a container to group several tags together. It's particularly useful when placing absolutely positioned elements.

This would draw a circle centered in the middle of the DIV

    <div width="200" height="200">
      <circle x="50%" y="50%" radius="40%" border="1"/>
    </div>