How to place two divs next to each other?

Answer 1

My approach:

Left
Right

CSS:

.left {
    float: left;
    width: calc(100% - 200px);
    background: green;
}

.right {
    float: right;
    width: 200px;
    background: yellow;
}