title: show background of empty span
body: <p>Let's say that I have a span and I set an image as the background of the span like this:</p>
  
  <pre><code>&lt;span style="background:url("my_image.png") no-repeat;"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>As you can see above, my span is empty. If I put some content in my span like:</p>
  
  <pre><code>&lt;span style="background:url("my_image.png") no-repeat;"&gt;Some content...&lt;/span&gt;
  </code></pre>
  
  <p>I can see the background image of the span with no problem. But If I leave the span empty I don't see the background image. I figured that I could solve this issue by adding some padding to my span like:</p>
  
  <pre><code>&lt;span style="background:url("my_image.png") no-repeat;padding:20px;"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>But is there another way I can do this without adding some padding to my span and keep my span empty?</p>
  
  <p>Thank you</p>