HTML5 탐색 메뉴 텍스트

Question

간단한 텍스트와 3 개의 링크로 HTML5에서 <nav>으로 탐색 바를 만들려고합니다. 이것은 꽤 기본이지만, 내 링크의 텍스트가 섞여서 왜 나는 모르겠다.

↪ See my code at JSFiddle

Answer 1

당신은 당신의 LI, 아닌 UL을 떠해야합니다. position:absolute은 필요 없습니다. 메뉴를 오른쪽으로 이동하려면 수도 함께 입력하거나 margin:left을 사용하십시오. 뒤에 수레를 치우십시오.

내 자습서를 참조하십시오 : I Love Lists이 때문에 위치이었다

Answer 2

: 당신의 CSS를 상대 부품 : 절대 위치.

이 시도 :

nav { 
    width:100%; 
    height:181px; 
    display: block; 
    background: url('http://i.imgur.com/JrTUv.png') top no-repeat; 
    margin-top:30px; 
} 
nav ul { 
    float:right; 
    list-style:none; 
} 

nav ul li { 
    display:inline-block; 
}