Hosting Solutions
mobile_logo Table of Contents


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


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




aabbraddressareaasidearticleaudiobbasebdobdiblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1 h2 h3 h4 h5 h6headheaderhrhtmliiframeimginputinskbdkeygenlabellegendlilinkmainmapmarkmetameternavnoscriptobjectoloptgroupoptionoutputpparampreprogressqrb rp rt rtc rubyssampscriptsectionselectsmallsourcespanstrongstylesub supsummarytabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbr