Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Aug 7th, 2012  |  syntax: None  |  size: 0.61 KB  |  hits: 7  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Twitter Bootstrap and <p> default height: why 28px?
  2. <head>
  3.   <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  4.   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
  5.   <style>
  6.     p {
  7.       border:1px solid red;
  8.       font-size:55px;
  9.     }
  10.   </style>
  11. </head>
  12.  
  13. <body>
  14.   <p>The text of more than 18 px is out of the red border if bootstrap.min.css connected </p>
  15. </body>
  16.        
  17. font-size: 13px;
  18. line-height: 18px;
  19.        
  20. p{
  21.   line-height: 1.4em;
  22. }
  23.        
  24. p.large {
  25.     border: 1px solid red;
  26.     font-size: 55px;
  27.     line-height: 60px;
  28. }
  29.  
  30. <p class="large">some text with the font-size of 55px</p>