Padding Not Showing? [closed]

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the开发者_C百科 internet. For help making this question more broadly applicable, visit the help center. Closed 11 years ago.

On this page, the text under the photos in the main section (a.event) isn't showing the 5px padding top and bottom. Any ideas why? Thanks guys =)

a.event {
width:315px;
height:auto;
border:0;
padding: 5px 0;
}

---

Your a tag is wrapping around the image and the text. So the padding appears above the image and below the text.

Firebug is a good tool for inspecting the HTML that's being rendered. It makes it trivial to find these kinds of errors.

---

wrap the text with <p>...</p>

then in your css:

a.event p {
padding: 5px 0;
}