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:
<p class=”thumbnail”>
<img src=”includes/pictures/sample_170_300.png” alt=”#” />
<p class=”content”>
<a href=”#” title=”#”>see more about this</a>
Search WWH ::

Custom Search