title: Is it possible to create and empty div (as a line break) and give it a border bottom and bottom box shadow
body: <p>I have tried the following code to create a line break with a box shadow below it. the border bottom works fine but no shadow appears. I works ok if I have content in it but im trying to get it to be empty if possible.</p>
  
  <pre><code>&lt;div class="break"&gt;&lt;/div&gt;
  
  .break{
      width: 100%;
      float: left;
      clear: both;
      margin: 0 0 20px 0;
      padding: 0 0 10px 0;
      border-bottom: 1px solid $txt;
      box-shadow:0 1px 1px $shadow;
      box-shadow: 0 20px 20px -20px $shadow;
  }
  </code></pre>