0

I can't seem to align my paragraph tag text vertically centre.

.footer-container {
  background-color: #000;
  padding: 100px 0 100px 0;
}

.copyright {
  text-align: center;
  color: #fff;
  text-align: center;
}

.copyright-derrick {
  position: relative;
  color: #fff;
  text-align: right;
  margin-right: 25px;
  bottom: -80px;
}
<!-- Footer -->

<section class="footer">
  <div class="footer-container">
    <p class="copyright">Copyright &copy; 2022 Jessica Smith</p>
    <p class="copyright-derrick">Created by Derrick Ogole Web Services</p>
  </div>
</section>

My code pen: https://codepen.io/derrickogole/pen/rNxbaaK

As you see, the text "Copyright...." is higher up vertically. However, I would like it vertically center so it's both horizontally and vertically centre.

j08691
  • 204,283
  • 31
  • 260
  • 272
derrickogole
  • 131
  • 10
  • I edited your pen, check [this](https://codepen.io/Asef00/pen/poaOxWe) out. – Asef Hossini Jun 07 '22 at 22:18
  • I still want to keep "Created by Derrick...." in the bottom right corner. How is that possible? – derrickogole Jun 08 '22 at 08:36
  • 1
    @AsefHossini ......so the copyright message stays centre aligned while the "Created by...." goes to the bottom right corner. I made the code simpler if that helps. Check out my pen: https://codepen.io/derrickogole/pen/rNxbaaK – derrickogole Jun 08 '22 at 08:42

0 Answers0