获得一个h3下的链接

时间:2015-02-10 18:22:45

标签: html

我写了一个小项目。目标是在网站左侧显示一个部分,以显示指向其他网站的链接。截至目前,我已将说“链接”的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;
}

谢谢!

2 个答案:

答案 0 :(得分:0)

我会使用标签将它们分开,这样当你想要添加更多链接时,你总是会在左边有一个空格来添加。

答案 1 :(得分:0)

从h3 css

中删除它
float:left

jsFiddle