title: Twitter Bootstrap and <p> default height: why 28px?
body: <p>I'm using Twitter Bootstrap. Everything goes fine, but <code>&lt;p&gt;some text with the font-size of 50px&lt;/p&gt;</code> jumps out of the parent <code>&lt;div&gt;</code>. Once I remove bootstrap.min.css as a stylesheet, everything is OK. </p>
  
  <p>Seems like Twitter Bootstrap applies some properties (heights, vertical paddings) on paragraphs because there are no additional properties for p tag in my own css file.</p>
  
  <p>How to fix all <code>&lt;p&gt;</code> so that <code>&lt;p&gt;Paragraph text could be any size and not jump out of the parent div&lt;/p&gt;</code>?</p>
  
  <p>OK, here is an update:</p>
  
  <pre><code>&lt;head&gt;
    &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/&gt;
    &lt;style&gt;
      p {
        border:1px solid red;
        font-size:55px;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;p&gt;The text of more than 18 px is out of the red border if bootstrap.min.css connected &lt;/p&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Please do not forget to connect bootstrap.min.css to test it.</p>