CSS(스타일시트) 추가중...

ㆍ 정중앙 정렬

<style>

.center {

    height: 200px;

    position: relative;

    border: 3px solid green;

}

.center p {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

</style>

<div class="center">

  <p>가로 세로 중간</p>

</div>

[참조 사이트들]

CSS 레이아웃을 배웁시다 - http://ko.learnlayout.com/

ㆍ 그외...

box-shadow: 0 0 0 3px inset;

ㆍ float 해제 여러가지 방법들..

clear 속성 사용

overflow:hidden 사용

가상요소 ::after 사용

#float clear #플로트 클리어 #float 풀기 #float 취소 #float 해제 #오버플로우 #clearfix