몇 가지 다른 목록을 스타일링하는 데 문제가 있습니다. 저는 법에 저의 아버지를위한 사이트를 설계하고 개발하고 있으며, 내가 가지고있는 첫 번째 목록은 헤더 아래에 인라인으로 표시하려는 nav입니다. 두 번째 목록은 옆에 표시되어 오른쪽에 표시됩니다. 두 번째 목록을 추가하면 탐색 목록이 인라인으로 표시되지 않고 수직으로 만 표시됩니다. 내가하는 일과 상관없이 나는이 일을 할 수 없다. 도와주세요.여러 목록 스타일링
목록을 다른 div로 감싸십시오.
<!DOCTYPE html>
<html>
<body>
<div>
<nav>
<a href="/Nav 1/">Nav 1</a> |
<a href="/Nav 2/">Nav 2</a> |
<a href="/Nav 3/">Nav 3</a> |
<a href="/Nav 4/">Nav 4</a>
</nav>
</div>
<div style="float:right;">
<ul>
<li>right 1</li>
<li>right 2</li>
<li>right 3</li>
</ul>
</div>
</body>
</html>