  <p>Left-aligned:</p>

  {%- set example_tabs_leftaligned -%}
<ol class="tabs">
  <li><a class="tabs-tab" href="#">Tab 1</a></li>
  <li><span class="tabs-tab tabs-tab--current">Tab 2</span></li>
  <li><a class="tabs-tab" href="#">Tab 3</a></li>
  <li><a class="tabs-tab" href="#">Tab 4</a></li>
</ol>
  {%- endset %}

  {% call render_code_block() -%}
{{ example_tabs_leftaligned }}
  {%- endcall %}

  <div class="result">
{{ example_tabs_leftaligned }}
  </div>

  <p>Centered:</p>

  {%- set example_tabs_centered -%}
<ol class="tabs tabs--centered">
  <li><a href="#">Tab 1</a></li>
  <li><span class="current">Tab 2</span></li>
  <li><a href="#">Tab 3</a></li>
  <li><a href="#">Tab 4</a></li>
</ol>
  {%- endset %}

  {% call render_code_block() -%}
{{ example_tabs_centered }}
  {%- endcall %}

  <div class="result">
{{ example_tabs_centered }}
  </div>

  <p>Left-aligned:</p>

  {%- set example_tabs_leftaligned -%}
<ol class="tabs">
  <li><a class="tabs-tab" href="#">Tab 1</a></li>
  <li><span class="tabs-tab tabs-tab--current">Tab 2</span></li>
  <li><a class="tabs-tab" href="#">Tab 3</a></li>
  <li><a class="tabs-tab" href="#">Tab 4</a></li>
</ol>
  {%- endset %}

  {% call render_code_block() -%}
{{ example_tabs_leftaligned }}
  {%- endcall %}

  <div class="result">
{{ example_tabs_leftaligned }}
  </div>

  <p>Centered:</p>

  {%- set example_tabs_centered -%}
<ol class="tabs tabs--centered">
  <li><a class="tabs-tab" href="#">Tab 1</a></li>
  <li><span class="tabs-tab tabs-tab--current">Tab 2</span></li>
  <li><a class="tabs-tab" href="#">Tab 3</a></li>
  <li><a class="tabs-tab" href="#">Tab 4</a></li>
</ol>
  {%- endset %}

  {% call render_code_block() -%}
{{ example_tabs_centered }}
  {%- endcall %}

  <div class="result">
{{ example_tabs_centered }}
  </div>

Fix example for centered tabs in style guide
Fix example for centered tabs in style guide
