tab_ui.html

<div class="container">
    <div class="tab_ui">
        <img class="best_seller" src="./images/best.png">
        <ul class="best_tabs">
            <li>중국 푸드트립</li>
            <li>풍성한 고기반찬</li>
            <li>바다향가득 반찬</li>
            <li>간편한 덮밥요리</li>
            <li>할인특가 세트상품</li>
            <li>맛있는 간식타임</li>
        </ul>
        <div class="best_container">
            
        </div>
    </div>
</div>
<style>
    * {
        box-sizing: border-box;
    }
    .container {
        background: #eee;
        text-align: center;
    }
    .tab_ui{
        margin:auto;
        width:980px;
    }
    .best_seller{
        margin-top:30px;
        margin-bottom: 15px;
    }
    .best_tabs{
        margin:0;
        padding:5px;
        overflow:auto;
    }
    .best_tabs li {
        font-weight: bold;
        padding:13px;
        display:inline-block;
        float:left;
        height: 48px;
        width: 161px;
    }
    .best_tabs li:hover, .best_tabs li:focus{
        background: #2ac1bc;
        color:#fff;
    }


</style>