I created the code you are trying to do this way, I hope it helped (I used Flexbox instead of float)
HTML Code
<div class="container">
<div class="div1">
<header>
<h2 >Heading</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Curabitur sit amet egestas eros. Sed venenatis est nunc, id<br> convallis tellus venenatis non. Proin id nisi euismod,<br> molestie nisl vel, accumsan sem. Integer felis sem, lacinia<br> eu
auctor eget, dapibus feugiat elit. Duis lectus justo,<br> ultrices ac placerat non, sollicitudin at massa.
</p>
<a href="Index.html" class="button">More</a>
</div>
<div class="div2">
<header>
<h2 >Heading</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Curabitur sit amet egestas eros. Sed venenatis est nunc, id<br> convallis tellus venenatis non. Proin id nisi euismod,<br> molestie nisl vel, accumsan sem. Integer felis sem, lacinia<br> eu
auctor eget, dapibus feugiat elit. Duis lectus justo,<br> ultrices ac placerat non, sollicitudin at massa.
</p>
<a href="Index.html" class="button">More</a>
</div>
<div class="div3">
<header>
<h2 >Heading</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br> Curabitur sit amet egestas eros. Sed venenatis est nunc, id<br> convallis tellus venenatis non. Proin id nisi euismod,<br> molestie nisl vel, accumsan sem. Integer felis sem, lacinia<br> eu
auctor eget, dapibus feugiat elit. Duis lectus justo,<br> ultrices ac placerat non, sollicitudin at massa.
</p>
<a href="Index.html" class="button">More</a>
</div>
CSS Code
.container{
display: flex;
justify-content: center;
align-items: center;
}
.container div{
margin: 15px;
}
.container div h2{
font-weight: bold;
color: #f1b24a ;
}
.container div p{
color: #f1b24a;
}
.container div a{
transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-color 0.35s ease-in-out;
display: inline-block;
background: none;
border: 2px solid #f1b24a;
border-radius: 8px;
letter-spacing: 2px;
padding: 0.85em 2.75em 0.85em 2.75em;
color: rgb(177, 187, 44) !important;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…