title: CSS triangle :before element
body: <p>I'm using bootstrap, trying to make a div have a CSS triangle before it.  </p>
  
  <p><a href="http://jsfiddle.net/B2XvZ/11/">http://jsfiddle.net/B2XvZ/11/</a></p>
  
  <p>Here is my non-working code:</p>
  
  <pre><code>.d:before {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #dd4397 transparent transparent;  
  }
  </code></pre>
  
  <p>The way I'd like it to look is for there to be a pink left-pointing triangle right before the text "this", with no gap between it and the div.  I've tried to do this by floating the elements also, with no success.</p>