 25px; float: left; text-align: center">
        Float left shouldn't intersect with flex container
    </div>
    <div style="display: flex; border: 5px solid #fffba7;">
        <div style="width:20%; float:left; background-color: rgba(255,251,167,0.6); border: 1px solid #635347">
            <span style="width:100px; height:80px; display:inline-block">Inner float 1</span>
        </div>
        <div style="width:20%; float:left; background-color: rgba(255,251,167,0.2); border: 1px solid #635347">
        