JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<a href="http://www.digieco.co.kr/1461637257643.pdf">동향브리핑 PDF</a>
<br>
<a href="mailto:[email protected]">이메일 구독</a>

CSS

a {position:relative;color:#eeeeee;}
a[href$='pdf']:before {
  content:'';
  position:absolute;
  right:-25px;
  width:20px;
  height:20px;
  background:url('http://i4ultimate.com/toolkit-files/pdf-icon.png') no-repeat;
  background-size:20px;
}

a[href^='mailto']:before {
  content:'';
  position:absolute;
  right:-25px;
  width:20px;
  height:20px;
 background:url('http://chrisholmquistphotography.com/files/4313/9108/0434/Communication-email-2-icon.png') no-repeat;
  background-size:20px;
}