title: How to style a p element so that it always takes 2 rows to accommodate long text
body: <p>The page display images with caption at the bottom. The space for the caption is relatively small, so for some pictures, the caption is displayed in 2 lines. It's really visually unpleasant. </p>
  
  <p>How to get something like this</p>
  
  <pre><code>This text is too long, so it's                    This text is fine.
  will be broken into 2 lines                       **** empty line any way ***
  </code></pre>
  
  <p>The caption is supposed to be display in a p tag.</p>
  
  <pre><code>&lt;p&gt;img.productDescrion&lt;/p&gt;
  </code></pre>
  
  <p>Thanks for helping</p>