Styling the Image

Finally, the image can be styled with a border.

There are many ways to specify a border around an image. The simplest method is the shorthand border property shown in Listing 11.6 and illustrated in Figure 11.5.

Listing 11.6. CSS Code Styling the Image

div.imagecaption {     float: right;     width: 182px;     margin: 0 1em 1em 1em;     display: inline;     padding: 10px 10px 70px 10px;     background: #036 url(chapter11.gif) repeat-x 0 100%;     color: #fff;     text-align: center; } div.imagecaption img {     border: 1px solid #fff; } 

Figure 11.5. Screenshot of the final result.