title: css - min height by number of lines
body: <p>I think I already know the answer to this one, but i hope maybe someone will have a some neat trick for that .</p>
  
  <p>I want to specify a min-height of a DIV , but not px / % based . (I know it sounds strange , but it is for compatibility reasons / responsiveness)</p>
  
  <p>Basically I want to be able to specify it by number of lines .</p>
  
  <p>I have a grid of DIVS , but the elements inside are not fixed, so one element can have 3 lines, and the next one only 2 or 1 line . this messes up the layout .</p>
  
  <p>Basically , what I need is THIS :</p>
  
  <pre><code>    =====================      =====================      =====================
      Lorem ipsum dolor sit      Lorem ipsum dolor sit      Lorem ipsum dolor sit 
      amet, consectetur          amet, consectetur          amet, consectetur
      adipiscing elit.
      =====================      =====================      =====================
  
      =====================      =====================      =====================
      Lorem ipsum dolor sit      Lorem ipsum dolor sit      Lorem ipsum dolor sit 
      amet, consectetur          amet, consectetur 
                                 adipiscing elit.
      =====================      =====================      =====================
  </code></pre>
  
  <p>and NOT this : </p>
  
  <pre><code>=====================      =====================      =====================
  Lorem ipsum dolor sit      Lorem ipsum dolor sit      Lorem ipsum dolor sit 
  amet, consectetur          amet, consectetur          amet, consectetur
  adipiscing elit.           =====================      =====================
  =====================
                             =====================      =====================
  =====================      Lorem ipsum dolor sit      Lorem ipsum dolor sit
  Lorem ipsum dolor sit      amet, consectetur          =====================
  amet, consectetur          =====================  
  adipiscing elit.             
  ===================== 
  </code></pre>
  
  <p>can this sort of thing can be achieved by specified "I want 3 lines" ? 
  (As opposed to pixels, percentage / em ??)</p>
  
  <p><strong>Edit I</strong> </p>
  
  <p>After comments -</p>
  
  <p>What I really want is something like the FORM elements , INPUT or TEXTAREA where you can simply specify the height and width by lines / characters !</p>
  
  <pre><code>&lt;TEXTAREA NAME=string, ROWS=n, COLS=n&gt; &lt;/TEXTAREA&gt;
  </code></pre>
  
  <p>It is hard o believe that no one has invented such a solution and left us all to struggle with PX / em / % calculations and the likes ..</p>