<h4>All sides</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin--auto</code>
  <code>auto</code>
</article>
<h4>Left and right</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin-x--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin-x--auto</code>
  <code>auto</code>
</article>
<h4>Top and bottom</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin-y--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin-y--auto</code>
  <code>auto</code>
</article>
<h4>Top</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin-top--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin-top--auto</code>
  <code>auto</code>
</article>
<h4>Right</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin-right--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin-right--auto</code>
  <code>auto</code>
</article>
<h4>Bottom</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin-bottom--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin-bottom--auto</code>
  <code>auto</code>
</article>
<h4>Left</h4>
<article class="c-spacing-utility-example__row">
  <div
    class="c-spacing-utility-example__container c-spacing-utility-example--margin c-spacing-utility-example__container-auto-margin"
  >
    <div class="ds-u-margin-left--auto c-spacing-utility-example__item"></div>
  </div>
  <code>.ds-u-margin-left--auto</code>
  <code>auto</code>
</article>