Photo and Captions Hands-on Exercises

1. Create styles for photo-right, photo-image, and photo-caption



.photo-right {
float: right;
border: 1px solid #666666;
}

.photo-image {
padding: 0px;
}

.photo-caption {
font: 9px Verdana, Arial, sans-serif #666666;
text-align: center;
}
   
   
2. Open the hill-retires.html in your news folder
3. Create a <div> for your photo/caption page component
4. Create a <div> for your photo
5. Insert the photo and set the width of the <div>
   <div style="width: ###px;">
   using the Quick Tag editor
6. Create a <div> for your caption placing it right after the photo's <div> but still within your overall component <div>
7. Insert the caption text