我正在尝试将多个链接放在同一行,这样我就可以拥有一整条链接,我试过这个:
<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>
但是当我测试它是否有效时,这两个链接是分开的,有没有人知道我怎么能把它们放在同一条线上?
答案 0 :(得分:7)
只需添加:
h2{
display: inline;
}
对于你的CSS,问题将得到解决。
答案 1 :(得分:3)
这是因为h2
display
属性为block
。
尝试:
h2 {
display: inline-block;
}
或
h2 {
display: inline;
}
在文件的开头(由<style>
标签括起)或在样式表文件中。
请参阅典型默认显示属性 here
答案 2 :(得分:2)
或者用例如“span”替换“h2”,链接将在同一条线上。
或者你可以把:
<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标记内,而不是为每个链接使用一个。