'선택 표시 줄'을 만들 때 문제가 발생했습니다

Question

enter code here 왼쪽에서 오른쪽으로 탐색 모음을 만들면 로그인, 집 등의 옵션이 표시됩니다. 도움이 될 것입니다. 내 문제를 검토해 주셔서 감사합니다.

HTTP 코드 :

http://pastebin.com/Dxpii18G

CSS 코드 :

html,body { margin: 0; padding: 0; } 

Answer 1

가이 작업을 수행하는 꽤 몇 가지 방법이 있지만, 키가 요소를 설정하면에 '인라인'또는 '를 표시한다 인라인 블록 '. 스팬 (권장하지 않음)을 사용하는 경우 이미 인라인입니다.

<ul> 
    <li class="MenuItem">Sign In</li> 
    <li class="MenuItem">Home</li> 
    <li class="MenuItem">Etc.</li> 
</ul> 

CSS는 다음과 같습니다 : 대부분의 사람들은 내가 아는까지로, 다음을 사용

생각이다

.MenuItem 
{ 
    display: inline-block; 
} 

.