수평선을 제거하지 않고 수직으로 만들기 디스플레이 : 인라인/인라인 블록

Question

Html/CSS가있는 모든 장치에 유체 웹 사이트를 만들려고합니다. 디스플레이 속성을 제거하지 않고 내비게이션을 수평으로 만들 수있는 방법을 찾지 못했습니다.

HTML :

<nav> 
     <ul> 
      <a href="index.html"> <li>HOME</li></a> 
      <br> 
      <br> 
      <a href="lessons.html"><li>LESSONS</li></a> 
      <br> 
     </ul> 
    </nav> 

CSS (모바일) :

nav ul li { 
    background-color:#0066FF; 
    text-align:center; 
    padding:10px; 
    color: #fff; 
    margin: 0 0 2px 0; 
    display: inline-block; 
} 

RESPONSIVE CSS (바탕 화면 나는이 내 코드는 다시 자신의 수직 형태로 탐색 항목을 설정하는 방법을 알아낼 수 없습니다) :

.about nav ul li { 
    clear: both; 
    } 

나는 목록 항목을 수직으로 만들려고 시도하는 목록 항목의 양쪽을 지우려고했지만 obvio usly는 작동하지 않았다. 이

http://jsfiddle.net/ronansmith/vqk68ucu/

당신은 < li> 내부 <a>을 넣어해야

Answer 1

확인하지 당신이 지금하고있는 방법입니다. Cuz <li> 항상 따르십시오 <ul>