title: HTML bootstrap popover function
body: <p>I was wondering for the popover given by bootstrap I have the following thing - </p>
  
  <pre><code>&lt;a href="javascript: void(0)" id="member1" rel="popover" data-content="Co-President sample@uic.edu" data-original-title="Liz Sample"&gt;&lt;img src="femaleprofilepicture2.jpg" class="img-polaroid"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>As of now when I click on the image I get both Co-President and sample@uic.edu on the same line. How do I make them appear on different lines.</p>
  
  <p>Thanks</p>