Navigation distribution

Horizontal distribution within navigation

.navigation _around

<nav class="navigation _around">
	<ul>
		<li class="active">
			<a title="Menu item 1" href="#tab1">Menu item 1</a>
		</li>
		<li><a title="Menu item 2" href="#tab2">Menu item 2</a></li>
		<li><a title="Menu item 3" href="#tab3">Menu item 3</a></li>
	</ul>
</nav>

.navigation _between

<nav class="navigation _between">
	<ul>
		<li class="active">
			<a title="Menu item 1" href="#tab1">Menu item 1</a>
		</li>
		<li><a title="Menu item 2" href="#tab2">Menu item 2</a></li>
		<li><a title="Menu item 3" href="#tab3">Menu item 3</a></li>
	</ul>
</nav>

.navigation _center

<nav class="navigation _center">
	<ul>
		<li class="active">
			<a title="Menu item 1" href="#tab1">Menu item 1</a>
		</li>
		<li><a title="Menu item 2" href="#tab2">Menu item 2</a></li>
		<li><a title="Menu item 3" href="#tab3">Menu item 3</a></li>
	</ul>
</nav>

.navigation _start

<nav class="navigation _start">
	<ul>
		<li class="active">
			<a title="Menu item 1" href="#tab1">Menu item 1</a>
		</li>
		<li><a title="Menu item 2" href="#tab2">Menu item 2</a></li>
		<li><a title="Menu item 3" href="#tab3">Menu item 3</a></li>
	</ul>
</nav>

.navigation _end

<nav class="navigation _end">
	<ul>
		<li class="active">
			<a title="Menu item 1" href="#tab1">Menu item 1</a>
		</li>
		<li><a title="Menu item 2" href="#tab2">Menu item 2</a></li>
		<li><a title="Menu item 3" href="#tab3">Menu item 3</a></li>
	</ul>
</nav>