Sunday 26th of March 2017 04:52:19 PM caps text. If you aren't familiar with such an effect,ItLooksSomethingLikeThis . Instead of upper- andlowercase letters, a small-caps font employs uppercase letters ofdifferent sizes. Thus you might see something like the following,shown in Figure 5-29:


This area should be horizontally and vertically centered.
This text stays left aligned
ie mac doesn't like this!
more nice and free css templates


Similarly, if we specifically declare a height but leavebottom as auto, then somethinglike Figure 9-7 will occur:

top: 0; bottom: auto; left: auto; right: 0; width: 33%; height: 45%;

Many of the same principles hold true for widths, of course. Forexample:

top: 100px; bottom: 200px; left: 30%; right: 10%; height: auto; width: auto;

However, if an element is set to visibility: hidden, it is made "invisible" (to use the wording in the specification). In its invisible state, the element still affects the document's layout as though it were visible. In other words, the element is still there: you just can't see it. Note the difference between this and display: none. In the latter case, the element is not displayed and is removed from the document altogether so that it doesn't have any effect on document "sidebar" background, it was necessary to create a very short, but incredibly wide, image to place in the background; a favorite size for these images is 10 pixels tall by 2,500 pixels wide. Most of that image is blank space, of course. Only the left 100 or so pixels contain the "sidebar" image. The rest of the image is basically wasted, as we can see in Figure 6-27.

Figure 6-27

Figure 6-27. Using a really wide image for a really small effect

Wouldn't it be much nicer to just create a sidebar image which is 10 pixels tall and 100 pixels wide, with no wasted blank space,