HTML and CSS Reference
In-Depth Information
A few more changes left to do on the thumbnail.
Create the 1px border around the image and show
the image as a block element, to make sure there
aren't any margins below it. Then center it with a
margin:0 auto;
property.
#albums li p.thumbnail img {
position:relative;
z-index:1;
border:1px solid #FFF;
display:block;
margin:0 auto;
}
The link below the thumbnail of a
li
is dropped into
a paragraph with a “
content
” class, so focus to do the
styling of that link and later on move to the icon
that is on it's left side.
You can use the “
ico
” class for that icon too. It
would speed things up very quickly.