Case 1: HTML
<h2><a href="#"><span></span>What We Do</a></h2>
<p class="tagline"><span></span>Share Our Strength and our thousands of volunteers, chefs, and orporate partners have had a significant impact on the state of hunger in the United States and abroad.</p>
Case 1: CSS
#case1 h2 {
padding: 0;
margin: 0 0 6px 0;
width: 198px;
height: 31px;
overflow: hidden;
}
#case1 h2 span {
position: absolute;
background: url("h2_what.gif") no-repeat;
width: 198px;
height: 31px;
}
#case1 p.tagline {
margin: 0 0 1.5em 0;
padding: 0;
font-size: 100%;
font-weight: bold;
line-height: 1.4em;
color: #63604A;
width: 526px;
height: 56px;
overflow: hidden;
}
#case1 p.tagline span {
position: absolute;
background: url("h4_what.gif") no-repeat;
width: 526px;
height: 56px;
}
« Back to Main «