JSFiddle - React, Tailwind, and code Playground

HTML

<main>
  text text text

  <div class="footer">
    <hr>
    <p>
      <a href="#">test</a>
      <a href="#">test 2</a>
      <a href="#">test 3</a>
    </p>
  </div>
</main>

CSS

.footer {
    position: fixed;
    bottom: 30px;
    text-align: center;
    width: 100%;
}

main {
  height: 500px;
}