Inline Image with Style

but this line is not in figure caption

• used .png instead of .jpg

The HTML:

<div class="figure">
<p><img src="building.png" alt="Islamic Studies" class="scaled"></p>
<p>more text here</p>
</div>
<p>but this is not in figure caption</p>

And this is the style sheet:

div.figure {
   float: right;
   width: 40%;
   border: thin black solid;
   margin: 0.5em;
   padding: 0.5em;
   min-width: 150px;
}
div.figure p {
   text-align: center
   font-style: italic;
   font-size: smaller;
   text-indent: 0;
}
img.scaled {
   width: 100%;
}

Source: http://www.w3.org/Style/Examples/007/figures.html