HTML and CSS Reference
In-Depth Information
In
style.css
define the new classes of “
ico-arr-left”
and
“
ico-arr-right”
in the same way as you did you with
the header social icons.
The CSS code for this is going to look very familiar
and easy:
span.ico-arr-left,
span.ico-arr-right {
height:19px;
width:12px;
}
span.ico-arr-left {
background-position:0 -16px;
}
span.ico-arr-right {
background-position:-12px -16px;
}
As with the social icons, they both have the same
width and height, so you've grouped them together
and then defined them individually for the
background position property.
