我写了一个小项目。目标是在网站左侧显示一个部分,以显示指向其他网站的链接。截至目前,我已将说“链接”的h3与段落标记放在同一行。
我想要的是将“google”的链接置于h3标签下方,即“链接”。现在它高于h3标签。
以下是代码:
<html>
<head>
<title>Link practice</title>
<link rel = "stylesheet" href = "style.css"/>
<h1>Welcome to my links</h1>
<p id = "paragraph"> Hello there! To the left you can find links to other websites</p>
<h3 id = "h3">Links:</h3>
<ul id = "ul">
<li id = "li">
<a id = "a" href = "http://www.google.com">google</a>
</li>
</ul>
</body
</html>
这是样式表(style.css)
body
{
background: lightgreen;
}
a:hover
{
color: white;
background: darkgreen;
}
h1
{
text-align: center;
}
#h3
{
float: left;
}
#paragraph
{
float: right;
margin-right: 300px;
}
谢谢!
答案 0 :(得分:0)
我会使用标签将它们分开,这样当你想要添加更多链接时,你总是会在左边有一个空格来添加。
答案 1 :(得分:0)