title: How to restrict table row height
body: <p>I've  created TABLE mentioned below: </p>
  
  <pre><code>&lt;html&gt;    
  &lt;body&gt;
      &lt;table border="0" cellspacing="0" cellpadding="1" width="100%"&gt;
          &lt;colgroup&gt;
              &lt;col span="1" style="width:5%"&gt;
                  &lt;col span="1" style="width:70%"&gt;
                      &lt;col span="1" style="width:25%"&gt;
          &lt;/colgroup&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;
                  &lt;div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 100px;"&gt;Sample Text 1&lt;/div&gt;
              &lt;/td&gt;
              &lt;td rowspan="5"&gt;
                  &lt;section class="loginform"&gt;
                      &lt;fieldset style="border-radius: 5px; padding: 5px;"&gt;
                          &lt;legend&gt;Template&lt;/legend&gt;
                          &lt;ul style="padding: 10px;"&gt;
                              &lt;li&gt;one&lt;/li&gt;
                              &lt;li&gt;Two&lt;/li&gt;
                              &lt;li&gt;Three&lt;/li&gt;
                              &lt;li&gt;Four&lt;/li&gt;
                              &lt;li&gt;Five&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/fieldset&gt;
                  &lt;/section&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;val&lt;/td&gt;
              &lt;td&gt;
                  &lt;div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; color:black; border:1px solid #e5e5e5; min-height: 80px;"&gt;1 Only&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;bal&lt;/td&gt;
              &lt;td&gt;
                  &lt;div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;"&gt;2 only&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;nal&lt;/td&gt;
              &lt;td&gt;
                  &lt;div style="width:100%; color:black; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;"&gt;Both 1 and 2&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;dul&lt;/td&gt;
              &lt;td&gt;
                  &lt;div style="width:100%; box-shadow: 1px 1px 1px #cfcfcf; border-radius:10px; color:black; border:1px solid #e5e5e5; min-height: 80px;"&gt;Neither 1 nor 2&lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>
  
  <p>In this table; I want to ensure that height of Template (section on right hand side) ; is always equal to height of five ROWS of the table. If data inside template is more, it should come with scroll-bar. But in no case it should go beyond height of five rows of the table. Can you please suggest ? </p>