Проблема с нижним колонтитулом HTML, фон div не занимает полностью - PullRequest
0 голосов
/ 02 мая 2018

Проверьте мою текущую проблему здесь (изображение прилагается)

enter image description here

Цвет фона нижнего колонтитула не занимает полностью.

HTML-код: -

<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>

CSS: -

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

Я хочу, чтобы оба диапазона были внутри div нижнего колонтитула (заполнены синим цветом BG)

Ниже мой ожидаемый результат enter image description here

Полный CSS: -

Прилагается мой полный CSS ЗДЕСЬ ниже

enter image description here

Полный фрагмент CSS

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

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

  .footer-txt-left {
    float: left;
  }
<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>
...