Inline Sprite

A paragraph of text with an inline shopping basket icon

by ChrisStanyon

HTML

<p>
    <a href="index.asp">login</a> | 
    <a href="register.asp">register</a> | 
    <span id="cart">10 Items</span> - <strong>$10.35</strong>
</p>

CSS

body { padding: 10px; line-height: 26px; }
#cart { display:inline-block;  background: url(http://www.stanyon.co.uk/gfx/temp/cart.png) no-repeat; padding-left: 30px; }