Inline Image with Style
Centre for Arab and Islamic Studies
<div class="figure">
<p><img src="building.jpg" alt="Islamic Studies"
class="scaled"></p>
<p>...Islamic Studies</p>
</div>
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%;
}