HTML页脚问题，div背景没有完全占用

Question

查看我目前的问题（附图片）

页脚背景颜色没有完全占用。

HTML COde是： -

toDF()

CSS： -

<div class="footer">
        <p class="footer-txt-left">&copy 2017 - 2018 ccc Group Inc. All Rights Reserved.</p>
        <p class="footer-txt-right">Terms | Privacy | Service</p>
    </div>

我希望两个跨度都应该进入页脚div（填充蓝色BG颜色）

以下是我预期的输出

FUll CSS： -

在下面附上我的完整CSS

完整的CSS代码段

＆＃13;

＆＃13;

.footer{
            padding: 10px;
            font-size: 14px;
            background-color: #0071ba;
        }

＆＃13;

  .footer {
    padding: 8px 20px;
    font-size: 14px;
    background-color: #0071ba;
    color: #ffffff;
    overflow: auto;
  }

  .footer-txt-right {
    float: right;
  }

  .footer-txt-left {
    float: left;
  }

＆＃13;

＆＃13;

＆＃13;