html - 使用 CSS (Bootstrap) 将一个元素居中到另一个元素

Question

我有一个 <a>通过 Bootstrap 将元素样式设置为按钮。我希望它下面的文本与按钮居中对齐。我该怎么做呢？我试图用 <center> 将文本本身居中标签，但是这将它移动到父级( <div id="parent"> )的中心，而不是按钮的中心。这是我目前拥有的:

<div id="parent">
    <a href="/personalised-payment-page/" class="btn btn-info btn-lg btn-raised" style="max-width: 300px !important;">CREATE YOURS NOW</a><br>
    <b style="color: #388e3c;">(FREE - LIMITED PERIOD)</b>
</div>

目前看起来像这样

我希望它看起来像这样:

编辑:我要强调的是我根本不希望按钮移动，只希望绿色 <b>下方的文本在按钮下方居中。

Answer 1

将以下 CSS 添加到您的页面。

#parent {
    position: absolute;
    text-align: center
}

您还可以使用以下内容。我对您的其余代码了解不足，无法确定哪个是最好的。

#parent {
    display: inline-block;
    text-align: center
}