Mashupdesign Blog : Web Design, Coding, and UI/UX

cSS Play : Text overlay images

HTML code

<div class="image"> <p> <img src="images/3754004820_91a5c238a0.jpg" alt="" /></p> <h2>A Movie in the Park:<br />Kung Fu Panda</h2> </div> <p>CSS code

.image {<br /> position: relative;<br /> width: 100%; /* for IE 6 */<br /> }</p> <p>h2 {<br /> position: absolute;<br /> top: 200px;<br /> left: 0;<br /> width: 100%;<br /> }

image