title: How to put a bullet beside the heading elements as background image
body: <p>I'm using CSS and attempting to get what looks like a bullet point in the headings:</p>
  
  <p><img src="https://i.stack.imgur.com/gaYou.png" alt="enter image description here"></p>
  
  <p>This is the exact image I want.</p>
  
  <p>What I've done :</p>
  
  <p><img src="https://i.stack.imgur.com/C9962.png" alt="enter image description here"></p>
  
  <pre class="lang-css prettyprint-override"><code>h1,h2,h3 {
      background-image: url("the image link goes here");
  }
  </code></pre>
  
  <p>anyone get any ideas I've tried moving it and stuff but it just isn't happening. Cheers.</p>