내비게이션 막대 링크 및 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

<h1>Home</h1>을 <div id="navigation"> 다음으로 이동하십시오. 귀하의 코드는

이어야합니다.

<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

답변

관련 문제