Html标题和链接在同一行

发布时间：2020-12-14 23:17:34 所属栏目：资源来源：网络整理

导读：我是css的新手.我想在中心显示标题h2,在同一行显示右端的链接. 我尝试了几个选项,但所有选项都将标题对齐到左侧. 任何帮助表示赞赏. 谢谢. 最佳答案有几种方法可以做到这一点.我能想到的最简单,最快捷的方法是使用父div并将标题和链接放在其中.所以你的HTML

我是css的新手.我想在中心显示标题h2,在同一行显示右端的链接.

我尝试了几个选项,但所有选项都将标题对齐到左侧.
任何帮助表示赞赏.

谢谢.

最佳答案

有几种方法可以做到这一点.我能想到的最简单,最快捷的方法是使用父div并将标题和链接放在其中.所以你的HTML将如下所示：


你的风格如下：

.test {
    text-align: center;
}
h2 {
    display: inline-block;
}

a {
    float: right;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!