title: two background inside one tag
body: <p>How can I give background both side just inside <code>&lt;h3&gt; tag</code></p>
  
  <pre><code>&lt;h3&gt;heading goes here&lt;/h3&gt;
  </code></pre>
  
  <p>As below:</p>
  
  <pre><code>+---+--------------------------+------+
  |&gt;&gt;&gt;+ heading goes here        |&lt;&lt;&lt;   +
  +---+--------------------------+------+
  </code></pre>
  
  <p>Like this?</p>
  
  <pre><code>h3{
  background: url('path') no-repeat left center;
  background: url('path') no-repeat right center;
  }
  </code></pre>
  
  <p><strong>update</strong></p>
  
  <hr>
  
  <p>Okay, I used like this one:</p>
  
  <pre><code>#custom-module .moduletable:nth-child(2) h3 {
      background: url(../images/icon-news.jpg)no-repeat center left;
      position: relative;
  }
  #custom-module .moduletable:nth-child(2) h3:after{
      background: url("../images/icon-news.jpg") no-repeat right center;
      content: " ";
      position: absolute;
      right: 0;
  }
  </code></pre>
  
  <p>but the same background-image used in <code>:after</code> pseudo is not showing.</p>