메뉴구성을 추가하고싶습니다. 코드첨부.

아래 사진보시면 인스타그램 옆에 추가로 메뉴를 하나더넣고싶습니다.

근데 추가를하면, 아랫열에 생기네요..

about ~ instrgram 까지 영역이 고정되어있는것같은데요..

이건 어디서 조정을하는지요?

=====================================

<!-- header -->
<div id="header">
    <h1><a href="../main.html"></a></h1>
    <!-- mobiel menu button -->
    <p class="mobileMenu">MENU</p>
    <!-- //mobiel menu button -->
    <!-- gnb -->
    <div class="gnb">
        <ul class="list left">
            <li class="gallery"><a href="../bbs/view.php?id=about&page=asc&no=1"><span>ABOUT</span></a></li>
            <li class="gallery"><a href="../bbs/zboard.php?id=gallery1"><span>gallery1</span></a></li>
            <li class="gallery"><a href="../bbs/zboard.php?id=gallery2"><font color="#000000">gallery2</font></a></li>
            <li class="gallery"><a href="../bbs/zboard.php?id=product"><span>상품안내</span></a></li>
            <li class="gallery"><a href="../bbs/zboard.php?id=qna"><span>예약문의</span></a></li>
            <li class="gallery"><a href="../reservation.html"><span>예약확인</span></a></li>

        </ul>
        <!시작>
        <ul class="list right">
            <li class="gallery"><a href="https://www.instagram.com/lavina_snap/" target="_blank"><span>instargram</span></a></li>
            
        </ul>
        <!종료>
    </div>
    <!-- //gnb -->
</div>
===============================