DesignerBill
Member
I want to center a paragraph of text on the same line as and between two <a> tags with images at the left and right edges of a div. Here's my HTML:
The text is not centered and the right image is displayed below the first line of text and the left image. How can I make it work?
HTML:
<div style="text-align:center;margin:10px;width:780px">
<a style="width:12%;float:left;margin-left:20px" href="http://validator.w3.org/check?uri=referer">
<img style="float:left" border="0" src="http://www.w3.org/Icons/valid-xhtml10.gif" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
</a>
<p style="display:inline;width:60%;font-size:.75em;clear:both;margin:0">
The pages of this site have been validated as meeting the W3C standards<br/>for
XHTML Transitional 1.0 and Cascading Style Sheets (CSS) 2.1.
</p>
<a style="width:12%;float:right;margin-right:20px" href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="float:right" border="0" width="88" height="31" src="http://jigsaw.w3.org/css-validator/images/vcss.gif" alt="Valid CSS!" />
</a>
</div>
Last edited by a moderator: