title: Understanding :after and :before
body: <p><a href="http://jsfiddle.net/BtGRt/" rel="nofollow">http://jsfiddle.net/BtGRt/</a></p>
  
  <p>Why contents are appearing inside div? Not on the left/right (before/after) the div?</p>