@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}


a {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}


ul {
    border: 1px solid DeepSkyBlue;
}

/*
ul::after {
    content: "";
    clear: both;
    display: block;
}


ul.box2::after {
    content: "";
    clear: both;
    display: block;
}
*/


.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

li {
    width: 100px;
    height: 30px;
    border: 1px solid #00f;
    float: left;
    text-align: center;
    display: block;
}

li a {
    width: 100%;
    height: 100%;
    display: block;
}

p {
    border: 1px solid #f00;
}

/*
p:before{
    content: "앞에도 들어간다.~~~";
    display: block;
    clear: both;
    border:5px solid pink;
}
*/
/*

p:after {
    content: "뒤에 글자넣기~";
    display: block;
    border: 5px solid DarkKhaki
}
*/