title: Rupee icon is not showing in chrome windows
body: <p>rupee icon is not showing in chrome windows.I am using following code , correct me if am doing wrong </p>
  
  <h1>my code</h1>
  
  <h1>html</h1>
  
  <pre><code>&lt;span class="rupee"&gt;
          &lt;input type="text" /&gt;
      &lt;/span&gt;
  </code></pre>
  
  <hr>
  
  <h2>css</h2>
  
  <pre><code>.rupee {
           position: relative;
       }
       .rupee input {
           padding-left:18px;
       }
       .rupee:before {
           position: absolute;
           top: 0;
           content:"₹";
           left: 5px;
           color:red;
       }
  </code></pre>