title: Pseudo element ::before causing horizontal scroll bar
body: <p>I'm having an issue getting rid of a horizontal scroll bar. I have my design setup with the sizing and positioning right, but I just want the overflow of the ::before image element trick to be hidden.</p>
  
  <p>you can see what I mean here:
  <a href="http://192.99.37.125/~uptownlounge/" rel="nofollow">http://192.99.37.125/~uptownlounge/</a></p>
  
  <p>I tried adding overflow-x: hidden; to the body element, but it gets messed up on mobile. any other ideas??</p>