
        Flex container added after floats 1
    </div>
    <div class="floatDiv" style="float:left; background-color: rgba(107,163,255,0.45)">Float left 2</div>
    <div class="floatDiv" style="float:right; background-color: rgba(107,163,255,0.30)">Float right 2</div>
    <div class="floatDiv" style="float:left; background-color: rgba(107,163,255,0.15);">Float left 3</div>
    <div style="display: flex; border: 5px solid #fffba7;">
        Flex container added after float 3
    </div>
</div>
</body>

</htm