Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

div

The <div> division element is an all purpose container to do what you like with where appropriate. It conveys no semantic instructions to the browser software about the content inside of it. Many times it is used as a generic parent container that makes it easier to style all of its children at once as a group using CSS. You can also use JavaScript to access all child elements of any container dynamically to script against them as a batch.

Code Example

<style> .divs{ border:1px dashed red; margin-bottom:20px; } .divs > button{ background: #9F0; padding: 10px; border: none; border-radius: 3px; cursor: pointer; } </style> <div class="divs"> <button>Btn1</button> <button>Btn2</button> <button>Btn3</button> </div> <div class="divs"> <p>some paragraph content</p> </div> <div class="divs"> <input> </div> open in code editor

Attributes

globals - the global attributes common to all elements possible values: see global attribute list

Reference

http://www.w3.org/TR/html/grouping-content.html#the-div-element

HTML

Elements

aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr