HTML and CSS Reference
In-Depth Information
Focus on the white/gray split that each
li
has. That
portion is easily measured at 24 pixels.
A work around is to create a
1x24px
image with a
full white background and insert it for the
p.thumbnail
element. That's an additional resource to download.
Monoplate
focus is on speed and another solution for
this is to make use of the
:after
/
:before
selectors.
You can easily replicate that portion using the
:before
selector, as shown below:
#albums li p.thumbnail {
padding:0 0 20px 0;
position:relative;
background:#EEE;
}
#albums li p.thumbnail:before {
position:absolute;
background:#FFF;
height:24px;
width:100%;
content:'';
left:0;
top:0;
}