top: auto">a</div>
    </div>

    <!-- Negative: -->
    <div class="flexbox">
      <div style="margin-top: -4px">a</div>
    </div>

    <!-- Small: -->
    <div class="flexbox">
      <div style="margin-top: 4px">a</div>
    </div>

    <!-- Large (pushing us out of container): -->
    <div class="flexbox">
      <div style="margin-top: 25px">a</div>
    </div>


    <!-- SECOND ROW: SETTING MARGIN-BOTTOM: -->
    <br style="clear: both"/>

    <!-- auto: -->
    <div class="flexbox">
      <div style="