html - 如何将多个链接放在同一行？(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>标签括起来）或样式表文件中。

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

Answer 3

或者将“h2”替换为例如“span”，链接将位于同一行。

或者你可以把：

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

将所有链接放在一个 h2 标记中，而不是为每个链接使用一个。