<divclass="tab"><ulclass="tab-list"><li><aid="tab-1"class="current">tab1</a></li><li><aid="tab-2">tab2</a></li><li><aid="tab-3">tab3</a></li></ul><ulclass="tab-content outset-neomo"><liid="content-1"class="tab-content--list"><divclass="tab-content--title">title1</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li><liid="content-2"class="tab-content--list"><divclass="tab-content--title">title2</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li><liid="content-3"class="tab-content--list"><divclass="tab-content--title">title3</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li></ul></div>
You can insert any type of content with this tab class.
title2
You can insert any type of content with this tab class.
title3
You can insert any type of content with this tab class.
Inset
<divclass="tab"><ulclass="tab-list"><li><aid="tab-4"class="current">tab4</a></li><li><aid="tab-5">tab5</a></li><li><aid="tab-6">tab6</a></li></ul><ulclass="tab-content inset-neomo"><liid="content-4"class="tab-content--list"><divclass="tab-content--title">title4</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li><liid="content-5"class="tab-content--list"><divclass="tab-content--title">title5</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li><liid="content-6"class="tab-content--list"><divclass="tab-content--title">title6</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li></ul></div>
You can insert any type of content with this tab class.
title5
You can insert any type of content with this tab class.
title6
You can insert any type of content with this tab class.
Vertical
Vertical
<divclass="tab vertical"><divclass="columns"><divclass="column size-4"><ulclass="tab-list"><li><aid="tab-7"class="current">tab7</a></li><li><aid="tab-8">tab8</a></li><li><aid="tab-9">tab9</a></li></ul></div><divclass="column size-8"><ulclass="tab-content inset-neomo"><liid="content-7"class="tab-content--list"><divclass="tab-content--title">title7</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li><liid="content-8"class="tab-content--list"><divclass="tab-content--title">title8</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li><liid="content-9"class="tab-content--list"><divclass="tab-content--title">title9</div><divclass="tab-content--text">
You can insert any type of content with this tab class.
</div></li></ul></div></div></div>