What is a Div Tag and How to Style it with CSS

E

en.mahdi.farshbaf

New member
XNullUser
Joined
Jul 22, 2022
Messages
1
Reaction score
0
Points
1
NullCash
2
A <div> section in a document that is styled with CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
<h2>This is a heading in a div element</h2>
<p>This is some text in a div element.</p>
</div>

</body>
</html>
Click to expand...
More "Try it Yourself" examples below.

Definition and Usage​

The <div> tag defines a division or a section in an HTML document.
The <div> tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript.
The <div> tag is easily styled by using the class or id attribute.
Any sort of content can be put inside the <div> tag!
Note: By default, browsers always place a line break before and after the <div> element
Global Attributes
The <div> tag also supports the Global Attributes in HTML.
Event Attributes
The <div> tag also supports the Event Attributes in HTML.

Default CSS Settings​

Most browsers will display the <div> element with the following default values:
div {
display: block;
}
Click to expand...
 
You must log in or register to reply here.
Top