JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <div class="col-lg-3">
            <h1 class="display-6">Lorem Ipsum</h1>
            <p class="text">123456789</p>
            <button onclick="window.location.href='projects/test.html'" type="button" class="btn btn-primary" style="margin:0 auto;display:block;">Learn More</button>
          </div>

CSS

.col-lg-3{
    text-align: center;
  }
  .btn-primary{
    bottom: 0;
 }