Friday, May 23, 2014

HTML TUTORIAL PART 39

HTML TUTORIAL PART 39

PROBLEM:
LOOK AT THE FOLLOWING:

This is a paragraph with no specified margins.
This is a paragraph with specified margins.

SOLVED:
THE CODE BELOW MADE THE HTML TIP:

<!DOCTYPE html>
<html>
<head>
<style>
p
{
background-color:yellow;
}
p.margin
{
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
}
</style>
</head>

<body>
<p>This is a paragraph with no specified margins.</p>
<p class="margin">This is a paragraph with specified margins.</p>
</body>

</html>

No comments:

Post a Comment