Добавление нижнего колонтитула с текстом слева и справа в WordPress

Question

Я добавил следующий код в мой файл footer.php на моем WordPress-сайте (используя двадцать четвертую тему).Политика конфиденциальности и условия, а также соответствующие ссылки показаны слева, но мой текст об авторском праве не показан справа (он нигде не отображается).Кто-нибудь знает, что я пропустил?

<div class="MainDiv">
  <div class="MainBottom footer">
    <div class="MainFooter container">
      <div class="LeftSide ">
        <a target="_blank" href="https://www.myurl.html">Privacy Policy</a>
        <a target="_blank" href="https://www.myurl.html">Terms and Conditions</a>

        <div class="RightSide">
          Copyright © 2018 My Company. <span>All rights reserved.</span>
        </div>
        <div class="BottomFix"></div>
      </div>
    </div>

Answer 1

Вы можете использовать display: flex и justify-content: space-between для контейнера .MainFooter, и чтобы исправить это в нижней части окна, вы можете использовать position: fixed для MainBottom (плюс некоторые другие настройки - см. Ниже).

Кстати: вы забыли закрыть .LeftSide DIV, я также добавил это в мой фрагмент.

.MainBottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.MainFooter {
  display: flex;
  justify-content: space-between;
}

<div class="MainDiv">
  <div class="MainBottom footer">
    <div class="MainFooter container">
      <div class="LeftSide ">
        <a target="blank" href="https://www.myurl.html">Privacy Policy</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a target="blank" href="https://www.myurl.html">Terms and Conditions</a>
      </div>
      <div class="RightSide">Copyright © 2018 My Company. <span>All rights reserved.</span></div>
    </div>
  </div>

Answer 2

Я не знаю, какие стили вы написали для этих классов, но вот немного измененная версия вашего исходного кода с простым исправлением в стиле flexbox:

.MainFooter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

<div class="MainDiv">
  <div class="MainBottom footer">
    <div class="MainFooter container">
      <div class="LeftSide ">
        <a target="blank" href="https://www.myurl.html">Privacy Policy</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a target="blank" href="https://www.myurl.html">Terms and Conditions</a>
      </div>
      <div class="RightSide">
        Copyright © 2018 My Company. <span>All rights reserved.</span>
      </div>
    </div>
    <div class="BottomFix"></div>
  </div>
</div>

Answer 3

В основном div имеет выравнивание по левой стороне.Он отображается так, как вы можете видеть на картинке ниже