그럼 Block 요소와 Inline 요소를 파악하는 것이 왜 중요할까요? 지금부터는 CSS 내용이 들어가기 때문에 잠시 눈으로만 봐 두세요.

우선 <nav>, <ul>, <li>, <a> 태그를 사용하여 메뉴 버튼 설계 작업을 진행하겠습니다.

예제 소스 Exercise/3장/6_inline_block/index01.html

<nav>
    <ul>
        <li><a href="#">메뉴1</a></li>
        <li><a href="#">메뉴2</a></li>
        <li><a href="#">메뉴3</a></li>
    </ul>
</nav>

그림 3-17 실행 결과