<div class='parent'>
<span class='child-1'> First Element </span>
<span class='child-2'> Second Element </span>
</div>
.parent {
background-color:red;
}
.child-1 {
float:left;
}
.child-2 {
float:right;
}
/* Clear-fix*/
.parent::after {
content:"";
clear:both;
display:table;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.