[CSS] display 실습

/* 문제풀이 */

ul{

    border: 1px solid #cccccc;

    border-radius: 10px;

    background-color: #f5f7e4;

    width: 640px;

    padding: 30px;

   

}

li{

    /* display : 가로배치 */

    display: inline-block;

    /* 앞에 점 없애기 */

    list-style-type: none;

    margin-left: 20px;

   

}

li {

    list-style-type: none;

}

#v_menu{

    width: 150px;

}

#v_menu li{

    border-bottom: 1px dotted black;

    padding: 5px;

   

}

/* 가로 메뉴 디자인 */

/* 후손선택자 */

#h_menu li{

    display: inline-block;

 

}

.menus{

   margin-left: 20px;

   margin-right: 20px;

    color: green;

}