我从一个网页复制了一个链接到同一页面上的另一个区域，现在标题和链接将不会在新区域中对齐

<!-- 原区域 -->
<div class="link-container">
    <h3>原标题</h3>
    <a href="https://example.com" class="standard-link">原链接</a>
</div>

<!-- 新区域 -->
<div class="link-container">
    <h3>新标题</h3>
    <a href="https://example.com" class="standard-link">新链接</a>
</div>

.link-container {
    text-align: center;
}

.standard-link {
    display: inline-block;
    margin-top: 5px; /* 调整间距以对齐 */
}

<div class="flex-container">
    <h3>标题</h3>
    <a href="https://example.com">链接</a>
</div>

.flex-container {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    justify-content: center; /* 水平居中对齐 */
}

/* 重置浏览器默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}