<div class="wrap">
    <div class="content content2">내용1</div>
    <div class="content">내용2</div>
</div>
.wrap {
            border: 4px solid purple;
        }
.wrap::after {
            content: 'hello!';
            display: block;
            clear: both;
        }
.content {
            float: left;
            margin: 5px;
            height: 20px;
            border: 2px solid rgb(171, 159, 255);
        }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.