HTML and CSS Reference
In-Depth Information
What you did so far is to convert the thumbnails
from the
#albums
section using the
li
tags, which
are being floated on the left with
display:block;
and
float:left;
properties.
The distance between each
li
is set at 24 pixels, as
measured from
Monoplate
.
The
margin:0;
is added for the
p
tag to remove the
margin. The content of an item inside
#albums
is
going to be positioned with paragraphs.
The HTML for adding the thumbnail and its below
text into sits in paragraphs, as such:
<li>
<p class=”thumbnail”>
<img src=”includes/pictures/sample_170_300.png” alt=”#” />
</p>
<p class=”content”>
<a href=”#” title=”#”>see more about this</a>
</p>
</li>