div tag in html Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/div-tag-in-html/ A Platform for Software Engineers Fri, 13 Aug 2021 07:10:21 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 HTML: div tag https://www.scmgalaxy.com/tutorials/html-div-tag/ https://www.scmgalaxy.com/tutorials/html-div-tag/#respond Fri, 13 Aug 2021 07:10:20 +0000 https://www.scmgalaxy.com/tutorials/?p=7897 The HTML <div>…..</div> tag is used define a section of document. Using div tag, you can group large sections of […]

The post HTML: div tag appeared first on scmGalaxy.

]]> The HTML <div>…..</div> tag is used define a section of document. Using div tag, you can group large sections of HTML elements together and format them with CSS. The <div> element is very often used together with CSS, to layout a web page.

By default, browsers always place a line break before and after the <div> element. However, this can be changed with CSS.

Inside: Body tag

<html>
	<head> </head>
	<body>
		<p>paragraph outside div tag</p>

		<div style="color: red">
  		         <h3>heading tag is inside div tag</h3>
  		          <p>paragraph tag is inside div tag</p>
		</div>

	</body>
</html>

Outside: Body tag

<html>
	<head>
		<style>
			div {
    				color: red;
			       }
		</style>
	</head>
	<body>
		This is body. 
	<div> inside div tag which is calling form the out side of the body</div>
	</body>
</html>

The post HTML: div tag appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/html-div-tag/feed/ 0