title: I want to remove unnecessary blank spaces adding between tags
body: <p>I am not adding any blank spaces explicitly in code. But while running it in browser some blank spaces are adding automatically. I don't know why it happening. </p>
  
  <p>Below is the code,</p>
  
  <pre><code>&lt;div class="col-md-6" style="padding-top:3%" &gt;
     &lt;div class="col-md-3 col-sm-6"&gt;
        &lt;label for="company-name" class="control-label"&gt;Forecast Time (Hrs):&lt;/label&gt;
     &lt;/div&gt;
     &lt;div class="form-group col-md-4"&gt;
        &lt;input type="numbersOnly" class="form-control" value="&lt;?php echo htmlspecialchars($forecasttime); ?&gt;" id="txt_editorderforecasttime" name="orderforecasttime"  /&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I run it in browser(am using safari, even in chrome am getting the same while inspecting,</p>
  
  <pre><code>&lt;div class="col-md-6" style="padding-top:3%" &gt;
     &lt;div class="col-md-3 col-sm-6"&gt;
        "                         "
        &lt;label for="company-name" class="control-label"&gt;Forecast Time (Hrs):&lt;/label&gt;
     &lt;/div&gt;
     &lt;div class="form-group col-md-4"&gt;
        &lt;input type="numbersOnly" class="form-control" value="&lt;?php echo htmlspecialchars($forecasttime); ?&gt;" id="txt_editorderforecasttime" name="orderforecasttime"  /&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Please let me know the reason why it is happening .</p>
  
  <p>Thanks in advance</p>