Untitled

<!HTML>
<head>
<style>
ul.links {
 list-style-type: none;
 margin: 0;
 padding: 0;
 line-height: 1.6;
}
/* USING ATTRIBUTE SELECTORS for external links */
ul.links li a[href^="http:"] {
padding-left: 20px;
background-image:url(images/icon-link-external.png);
background-repeat: no-repeat;
}
/* USING ATTRIBUTE SELECTORS for email */
ul.links li a[href^="mailto:"] {
 padding-left: 20px;
 background-image: url(images/icon-link-email.png);
 background-repeat: no-repeat;
}
/* USING ATTRIBUTE SELECTORS for pdf files */
ul.links li a[href$=".pdf"] {
 padding-left: 20px;
 background-image: url(images/icon-pdf.png);
 background-repeat: no-repeat; }
 </style>

<body>

<ul class="links">
<li><a href= "http://www.bfei.ie">BFEI</a></li>
<li><a href= "#.pdf">BFEI Brochure</a></li> <!--# = Dummy-->
<li><a href= "mailto:you@example.com">Send an email</a></li>
</ul>

</head>