Fieldset / legend/ img / legend text

<fieldset>
<legend>
<img>…a smallish image…</img>
TITLE TEXT OF LEGEND
</legend>
</fieldset>

What happens here is the text begins at the bottom of the img - not inline with the fieldset lines. What is the correct way to solve it?

Thanks
5pence Spence

You could use display: inline; or float: left; on the img but I’d apply the image as a background image to the <legend> tag and then push the text into position using padding-left.

You might also find this useful.

Hope that helps.

Dang it, Dave. You just had to beat me to posting that link, didn’t you? :smiley:

:slight_smile: