[CSS]Float

float 띄워서 요소에 영향없도록 함.

하지만 border가 아닌 콘텐츠는 영향을 받음.

 

부모 요소에게 overflow: hidden을 주면, 부모가 float된 자식을 잡는다.

가상요소

.pseudo::before{
 content: "!"
 margin-right: 20px;
font-size: 30px;
}

.pseudo::after{
 content: "!"
 margin-right: 20px;
font-size: 30px;
}