title: Match the top and bottom padding in fieldset bootstrap
body: <p>I am following the below post to add some css to fieldset and legend in bootstrap.</p>
  
  <p><a href="https://stackoverflow.com/q/16852484/2246380">Use Fieldset Legend with bootstrap</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;fieldset class=" scheduler-border"&gt;
      &lt;legend class="scheduler-border"&gt;Start Time&lt;/legend&gt;
      &lt;div class="control-group"&gt;
          &lt;label class="control-label col-xs-6 input-label" for="startTime"&gt;Start :&lt;/label&gt;
          &lt;div class="controls col-xs-6  bootstrap-timepicker"&gt;
              &lt;input type="text" class="datetime" type="text" id="startTime" name="startTime" placeholder="Start Time" /&gt;
              &lt;i class="icon-time"&gt;&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>fieldset.scheduler-border {
      border: 1px groove  !important;
      padding: 0 1em 1em !important;
      margin: 0 0 0 0 !important;
      -webkit-box-shadow:  0px 0px 0px 0px #000;
              box-shadow:  0px 0px 0px 0px #000;
  }
      legend.scheduler-border {
          font-size: 1.1em !important;
          font-weight: bold !important;
          text-align: left !important;
          width:auto;
          padding:0 5px;
          border-top:none;
          border-bottom:none;
      }
  </code></pre>
  
  <p><strong>Fiddle:</strong> <a href="http://jsfiddle.net/zpp1u1q5/" rel="nofollow noreferrer">http://jsfiddle.net/zpp1u1q5/</a></p>
  
  <p>Here is how it looks now</p>
  
  <p><img src="https://i.stack.imgur.com/bOrvC.jpg" alt="enter image description here"></p>
  
  <p>How do I change CSS to reduce the reduce H1 and make it equal to H2 ? </p>