title: CSS dashed drop shadow
body: <p>Let's say I have a span with a dashed underline:</p>
  
  <pre><code>&lt;span class="underline"&gt;Hello, I'm underlined text&lt;/span&gt;
  
  .underline {
    color: #444;
    font-size: 250%;
    display:inline-block;
    border-bottom: 1px dashed #444;
  }
  </code></pre>
  
  <p>I need a bottom drop shadow for the underline. I assume box-shadow is not the case and the only possible solution is to do it by the means of pseudo elements.
  I'm doing this way:</p>
  
  <pre><code>.underline:after {
    content:"";
    border-bottom: 1px dashed #ff0000;
    display: block;
   }
  </code></pre>
  
  <p>This displays the red dashed stroke <em>above</em> the underline but I need to do that below the underline. 
  How is that possible?</p>
  
  <p>Thanks in advance.</p>