Merhaba alt tarafta ki şekilde yaparsanız üstte çizdiğiniz gibi olacaktır
Not: inline-block özelliğini kaldırmanız durumunda da çalışacaktır.

<div id="container">
    <div class="sol">Sol</div>
    <div class="sag">Sağ</div>
</div>
<style>
    #container {
        position: relative;
        width: 100%;
    }

    .sol {
        float: right;
        width: 110px;
        height: 110px;
        margin: 5px;
        background: red;
        display: inline-block;

    }

    .sag {
        float: left;
        width: 110px;
        height: 110px;
        margin: 5px;
        background: red;
        display: inline-block;
        ;
    }

</style>