내비게이션 막대 아래에있는 웹 사이트 단락 상자

Question

현재 저는 처음부터 웹 사이트를 작성하고 있으며 내 CSS와 HTML에 몇 가지 문제가 있습니다. 내 탐색 표시 줄과 내 콘텐츠 상자 사이에 공백을 만드는 방법을 모르겠습니다.

http://pastebin.com/cTVCx0gm

내 CSS : 여기 내 HTML이다 나는 초보 프로그래머 해요 이후

http://pastebin.com/w61aTmHv

, 내가 잘못 뭘하는지 정말 모르겠어요 .. .

고마워요!

Answer 1

이에 "리"클래스를 변경하기 만하면됩니다 : 당신이 할 수있는, 그래서 내가 여기에이 바이올린을 만든

li 
{ 
display:inline-block; 
} 

을 출력을 참조하십시오. 가운데 막대를 좌우로 움직여 동작을 볼 수 있습니다.

http://jsfiddle.net/ninja1/ALKPP/

Answer 2

노력이

Demo

ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 100%; 
} 
li { 
    display: inline; 
    float: left; 
} 
a { 
    display: block; 
    width: 150px; 
    height: 30px; 
    background-color: #024c68; 
    text-align: center; 
    padding: 10px; 
    font-size: 20px; 
    display: inline; 
} 
a:link { 
    color: #ffffff; 
    text-decoration: none; 
    font-family: verdana; 
} /* unvisited link */ 
a:visited { 
    color: #ffffff; 
    text-decoration: none; 
    font-family: verdana; 
} /* visited link */ 
a:hover { 
    color: #ffffff; 
    text-decoration: none; 
    font-family: verdana; 
    background: #226078; 
} /* mouse over link */ 
a:active { 
    text-decoration: underline; 
    text-decoration: none; 
    font-family: verdana; 
} /* selected link */ 
/*this is the body css*/ 
body { 
    background-color: #62b1d0; 
} 
div.box { 
    background-color: #99CCFF; 
    border: 5px solid #99CCFF; 
    clear: left; 
    margin: 9px 0 0 0; 
    padding: 8px 10px; 
    width: 900px; 
} 
.clrboth { 
    clear: both; 
}