font-size:1em; line-height:1.5em; font-weight:bold; font-style:italic; font-variant:small-caps; font-family:verdana,serif; |
font:1em/1.5em bold italic small-caps verdana,serif |
<h1><img src="widget-image.gif" alt="Buy widgets"></h1> |
h1 {background: url(widget-image.gif) no-repeat;} h1 span {position:absolute;left:-2000px;} |
{ width:100px; border:5px; padding:20px; } |
<p id="box">...</p> |
#box { width:150px; } #box p{ border:5px; padding:20px; } |
<p id="box"><p>...</p></p> |
#content { width:700px; margin:0 auto; } |
body { text-align:center; } #content { text-align:left; width:700px; margin:0 auto; } |
#container { position:relative; } |
<p id="container"><p id="navigation">...</p></p> |
#navigation { position:absolute; left:30px; top:5px; } |
#navigation { background:blue; width:150px; } |
body { background:url(blue-image.gif) 0 0 repeat-y; } |