Надо немного отрефакторить код, что бы он был семантически верным.
Существующие теги нужно сгруппировать по логическим блокам, что бы это было семантически верно.

Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим

index.html

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <style>
      body {
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
        position: relative;
      }
      .copyright {
        position: fixed;
        bottom: 0;
      }
      h1 {
        text-align: center;
      }
      ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        list-style: none;
      }
    </style>
  </head>
  <body>
    <h1>Giants between us</h1>
    <ul>
      <li>&#129351; Blue whale - average mass 110 tonnes</li>
      <li>&#129352; North Pacific right whale - average mass 60 tonnes</li>
      <li>&#129353; Southern right whale - average mass 58 tonnes</li>
      <li>Fin whale - average mass 57 tonnes</li>
    </ul>
    <p class="copyright">&copy; 2021 Coderslang. All right reserved.</p>
  </body>
</html>