HTML and CSS Reference
In-Depth Information
Switch back to your
style.css
file and include the data
for this icon, such as width, height and background
position. In the same way as the other icons:
span.ico-more {
background-position:0 -35px;
height:11px;
width:11px;
}
The icon needs to be aligned with the text and,
similar to the header social icons, you can either use
the “
display:inline-block;
” property or “
“float:left”.
”.
Here's the code for the first one:
#albums li p.content a span.ico {
display:inline-block;
}
Everything is almost ready. Some small details that
needs to be done and it's done.