如何在同一行上放置多个链接？(HTML5)

Question

我正在尝试将多个链接放在同一行,这样我就可以拥有一整条链接,我试过这个:

<a href="website_homepage.htm"><h2 style="font-family:tempus sans itc;">Home</h2></a> <a     href="website_hills.htm"><h2 style="font-family:tempus sans itc;">Hills Pupil Tailored Website</h2></a>

但是当我测试看它是否有效时,这两个链接是分开的,有没有人知道我怎么能把它们放在同一条线上？

Answer 1

只需添加:

h2{
    display: inline;
}

对你的CSS问题将得到解决.

Answer 2

那是因为h2 display属性是block。

尝试：

h2 {
    display: inline-block;
}

或者

h2 {
    display: inline;
}

在文件的开头（由<style>标签括起来）或在样式表文件中。

请参阅此处的典型默认显示属性