导航栏链接和h1

我正在尝试制作带有标题的导航栏，然后在每一侧创建2个链接。但是，当它在本地主机上测试它时，它似乎使它像这样，当我想它是所有水平。导航栏链接和h1

LINK LINK 
TITLE(h1) 
LINK LINK

HTML：

<body> 
    <div id="navigation"> 
    <a href="index.html">Index</a> 
     <a href="index.html">Home</a> 
     <h1>Home</h1> 
     <a href="index.html">Home</a> 
     <a href="index.html">James</a> 
    </div> 
</body>

CSS：

#navigation 
{ 
position: fixed; 
top: 0; 
left:0; 
right:0; 
width: 100%; 
color: #ffffff; 
height: 120px; 
text-align: center; 
padding-top: 15px; 
-webkit-box-shadow: 0px 0px 8px 0px #000000; 
-moz-box-shadow: 0px 0px 8px 0px #000000; 
box-shadow: 0px 0px 8px 0px #000000; 
background-color:#666;} 

#navigation a 
{ 
font-size: 18px; 
padding-left: 15px; 
padding-right: 15px; 
color: white; 
text-decoration: none; 
} 

#navigation h1 
{ 
font-size: 25px; 
padding-left: 15px; 
padding-right: 15px; 
color: white; 
text-decoration: none; 
}

它为什么是这样的？

LINK LINK 
TITLE 
LINK LINK?

谢谢！

来源

2014-01-27 Keillen Hayes

你能提供澄清吗？除非我读错了..听起来它正在做你想做的事... – bboysupaman

对不起，忘了把它看起来像一个代码框。 –

根据提供的信息，您的标题“h1”似乎设置为display:block。将其更改为display: inline。

来源

2014-01-27 19:55:19 bboysupaman

是的，这是它！谢谢！！ –

很高兴能帮到你！如果可以，请将此标记为正确的答案，请... =） – bboysupaman

只需在<div id="navigation">之后移动<h1>Home</h1>即可。你的代码应该是

<body> 
<div id="navigation"> 
<h1>Home</h1> 
    <a href="index.html">Index</a> 
    <a href="index.html">Home</a> 
    <a href="index.html">Home</a> 
    <a href="index.html">James</a> 
</div> 
</body>

来源

2014-01-27 20:13:40

导航栏链接和h1

回答

相关问题