Block Formatting Context for aligning floated button

by audetwebdesign

HTML

<div>Contact Details
    <button type="button" class="edit_button">My Button</button>
</div>

CSS

div {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: gray;
    overflow: auto;
}
.edit_button {
    float: right;
    margin: 0 10px 10px 0; /* for demo only */
}