我真的是一个使用HTML和CSS的新手，所以欢迎任何建议。我遇到了一些问题，因为两个超链接共享同一个类，都应该是按钮。
现在，我试图使两个按钮内的文本在各自背景的中心对齐，但align-text: center不起作用，我发现的大多数其他响应都太复杂了，像我这样的初学者理解（相信我，如果至少我知道在哪里放置这些古怪的涂鸦，我至少会测试结果是什么）。另外，由于某些原因，flex-direction似乎不起作用，因此我可以找到的解决方案是使用display: inline-flex而不是diplay: flex。
到目前为止，我尝试使用：
HTML：

<a class="presentation__content__links" href="linktothewebsite.com"> Yada yada </a>

CSS：

.presentation__content__links: { 
    display: inline-flex; 
    text-align: center; 
}

我也试过这个：
HTML

<div class="presentation__content__links">
    <a class="presentation__content__links__link" href="linktothewebsite.com"> Yada yada </a>
</div>

CSS：

.presentation__content__links: { 
    text-align: center; 
}

.presentation__content__links__link { 
    display: inline-flex; 
    text-aling: center; 
 }

因为我读到它可以让孩子和父母保持一致那时我已经有点绝望了。如果有必要的话，我可以在审查超链接的同时发布整个代码，它只差120行。