title: Custom highlighted text with repeated background
body: <p>I have got myself into a situation and cannot figure out how to go about highlighting text in css or jQuery. I want to have an image on the left and one on the right and then a repeated image in between. There are a few long words using this so I need it to be as dynamic as possible.</p>
  
  <p>What i need it to look like:</p>
  
  <p><img src="https://i.stack.imgur.com/P3bfA.jpg" alt="enter image description here"></p>
  
  <p>Can anyone give me guidance as how to go about doing something like this? For illustration purposes we can call the images ImgLeft.png ImgRepeat.png and imgRight.png</p>
  
  <p>The HTML would just be a paragraph</p>
  
  <pre><code>&lt;p class="HighlightedText"&gt;Attention to detail&lt;/p&gt;
  </code></pre>