Question

不幸的是，我的链接出现在不同的行上。我试图添加display：inline;在我的CSS中，但它根本没有帮助

<h5>
    <a href="start.html" target="search_iframe">Start </a>
    <a href="bildredigering.html" target="search_iframe">Bildredigering</a>
    <a href="start.html" target="search_iframe">Foton</a>
    <a href="start.html" target="search_iframe">Vector </a>
    <a href="start.html" target="search_iframe">Om sidan</a>
</h5>

Answer 1

好像你正在尝试制作一个菜单栏。如果这是你想要做的，那么你需要为你想要的每个菜单制作一个无序列表<ul>，然后是<li>。

以下是一个例子：

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline;
}

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

</body>
</html>

以下是更深入的教程：Menu bar tutorial

您绝对应该学习更多HTML和CSS。以下是指向它的链接：Web Designing tutorial

<强>更新

以下是指向jsfiddle的链接。

Answer 2

a {
float: left;
}

https://jsfiddle.net/5tzL42aq 我希望这会有所帮助......

如何将多个链接放在同一行？

2 个答案: