从变量获取值导致额外的行

Question

我需要一些HTML格式的帮助。我正在使用bootstrap来构建一个页面。如果我硬编码它看起来很好，但只要我将值拉为变量，格式就会变坏。

代码是： -

    <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-blue"><i class="fa fa-certificate"></i></span>
            <div class="info-box-content">
              <span class="info-box-text">Total</span>
              <span class="info-box-number"></span>
              <p id="total"></p>
            </div><!-- /.info-box-content -->
          </div><!-- /.info-box -->
        </div><!-- /.col -->
       <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-green"><i class="fa fa-smile-o"></i></span>
            <div class="info-box-content">
              <span class="info-box-text">Authorized</span>
              <span class="info-box-number">19876</span>
            </div><!-- /.info-box-content -->
          </div><!-- /.info-box -->
        </div><!-- /.col -->

以下是它如何变化。

添加了一个额外的空行。

有人可以帮我吗？

问候。

Answer 1

使用CodeRomeos建议我能够修复它。

<span class="info-box-number"><span id="total"></span></span>