title: how to reduce the div height
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row-fluid"&gt;
    &lt;div class="span6"&gt;
      &lt;div class="control-group checkForError"&gt;
        &lt;label class="control-label" for="Client"&gt;Client&lt;/label&gt;
        &lt;div class="controls"&gt;
          &lt;input style="height: 100px" type="text" name="Client" id="Client" readonly="readonly" class="m-wrap span4 clrField" tabindex="1"&gt;
          &lt;input type="text" name="name" id="name" readonly="readonly" class="m-wrap span8 clrField" tabindex="2"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Now I want to reduce the div height.</p>
  <p>I am tried with min-height but its not reduces.</p>
  <p>If I increase height it is increasing.</p>
  <p>Pls help me</p>