CSS Height/Width

<!DOCTYPE html>
<html>
<head>
	<title>CSS Width/Height</title>
</head>
<body>

	<div class="box">
		<p>Example_1</p>
	</div>

	<div class="box_2">
		<p>Example_2</p>
	</div>

	<div class="box_3">
		<p>Example_3</p>
	</div>

<style>
*{margin: 0; padding: 0;}

.box
{
	width: 100%;
	margin-top: 10px;
	background: #00f2ff;
}
.box_2
{
	width: 50%;
	height: 200px;
	margin-top: 10px;
	background: #269599;
}
.box_3
{
	width: 800px;
	height: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #7e0cb3;
}

p
{
	font-family: sans-serif;
	font-size: 40px;
	text-align: center;
}
</style>	

</body>
</html>

ICT With Shantha Bandara

CSS Height/Width

CSS Height/Width

No comments:

Post a Comment