• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 12. Box Properties > padding-bottom Property

12.27. padding-bottom Property

The padding-bottom property is used to add space between one element and another onscreen. It differs from the margin set of properties in that margins are meant to offset text or other objects from the sides of the browser window, whereas padding “indents” an object on the page from another object — such as multiple images or text from the box it is contained within. As values it can take either a specific unit of measure or a percentage value. It works in essentially the same way as its sibling properties padding-left, padding-right and padding-top.

padding-bottom can be used to help space out objects on a Web page — a block-level element, such as a paragraph surrounded by a border, for example. In this case, the padding-bottom property can be used to add space between the text and the bottom of the border. You can see the use of padding-bottom in Listing 12.21, (whose results are seen in Figure 12-28), which separates the top paragraph from the second paragraph, and adds space between the text and the border that surrounds it.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint