導航欄鏈接和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

回答

相關問題