Friday, May 23, 2014

HTML TUTORIAL PART 36

HTML TUTORIAL PART 36

PROBLEM:
LOOK AT THE FOLLOWING:


The picture above is 250px wide. The total width of this element is also 250px.

SOLVED:
THE CODE BELOW MADE THE HTML TIP:

<!DOCTYPE html>
<html>
<head>
<style>
div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
</style>
</head>

<body>

<img src="w3css.gif" width="250" height="250">

<div class="ex">The picture above is 250px wide.
The total width of this element is also 250px.</div>

</body>
</html>

No comments:

Post a Comment