JSFiddle - React, Tailwind, and code Playground

by Jayson Buquia

HTML

<p><a href="http://www.scholastic.com/thehungergames/media/hungergames-chapter1.pdf" title="Book  Sample">Hunger Games, Chapter 1</a></p>

CSS

a[href$=".pdf"] {
background: url('http://cdn.cutestpaw.com/wp-content/uploads/2011/11/cute-cat-l.jpg') no-repeat center left; 
padding-left: 25px;
background-size: auto 100%;
}