se que es algo muy basico pero he visto un codigo en codepen donde centran el boton en el div padre con la propiedad margin: 4em auto. Con el 4em dan la separacion en la altura y con el siguiente auto lo centran en el medio, pero yo replico el mismo codigo y el espacio de la altura me lo coge, pero no se centra a lo ancho
article {
float: left;
padding: 1.5em 1em;
width: 25%;
height: 400px;
border: .1em solid grey;
background-color: white;
transition-duration: 0.25s;
}
article:focus,
article:hover {
background: #f5f5f5;
}
article h3 {text-align: center;}
article button {
margin: 4em auto;
}
<article>
<h3>titulo del articulo</h3>
<button type="button">Leer Articulo</button>
</article>