The next step is to apply some basic styles to the caption text, starting with color. There are many ways that the color white can be specified, including white, #fff, #ffffff, rgb(255,255,255), and rgb(100%,100%,100%). In this case, the three-digit hexadecimal option will be usedcolor: #fff. Text can be aligned to the left, right, center, or justify. This caption will be centered using text-align: center as shown in Listing 11.5. The results can be seen in Figure 11.4. Listing 11.5. CSS Code Styling the Captiondiv.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; } Figure 11.4. Screenshot of styled caption.
|