Good evening, Banjobama
Here is the CSS and HTML for producing a right floating image with a border and - what you asked for - a caption. Just omit anything you don't want.
div.illustration {
margin: 0 0 0 0.5em; padding: 0;
border: 1px solid black;
width: 50%;
float: right;
}
div.illustration img {
border: 0; margin: 0; padding: 0;
width: 100%;
display: inline;
}
div.illustration p {
margin: 0; padding: 0;
text-align: center;
text-indent: 0;
font-size: smaller;
} /* With thanks to Elizabeth Castro */
<div class="illustration">
<img src="images/MarkTwain.png" alt="Mark Twain"/>
<p>Mark Twain</p>
</div>
|