side down 을 이용한 상단 바 만들기

[GunterOdimm]

<h1 class='title' >&nbsp <!-- 빈칸을 생성하는 코드 -->
    <ul>
        <li> <a href="#" style="color:rgb(26, 188, 156)">영화정보</a> </li>
        <ul class="sub1">
        <li><a href="#" style="color:#ffffffff">박스오피스</a></li>
        <li><a href="#"></a></li>
        <li><a href="#" style="color:#ffffffff">지역별 관객수</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#" style="color:#ffffffff">역대TOP10</a></li>
        <li><a href="#"></a></li>
        <li><a href="#" style="color:#ffffffff">월별 장르 순위</a></li>
        <li><a href="#" style="color:"></a></li>
        <li><a href="#" style="color:"></a></li>
        <li><a href="#" style="color:"></a></li>
        <li><a href="#" style="color:#ffffffff">영화정보검색</a></li>
        <li><a href="#"></a></li>
        <li><a href="#" style="color:#ffffffff">등급별관객수</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#" style="color:#ffffffff">국가별 점유율</a></li>
        </ul><li> <a href="#" style="color:rgb(26, 188, 156)">마이페이지</a> </li>
        <li> <a href="#" style="color:rgb(26, 188, 156)">테이터 통계</a> </li>
        <li> <a href="#" style="color:rgb(26, 188, 156)" >로고</a> </li>
        <li> <a href="#" style="color:rgb(26, 188, 156)">&nbsp</a> </li>
        <li> <a href="#" style="color:rgb(26, 188, 156)">로그인 &nbsp </a>
        <a href="#" style="color:rgb(26, 188, 156)">회원가입</a> </li>
    </ul>
</h1>