<h2>Navigation</h2>
<ul class="nav">
	<li>Home</li>
	<li>About</li>
	<li>Contact</li>
	<li>Link</li>
	<li>Download</li>
</ul>

<h2>Pagenation</h2>
<ul class="pager">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>

<h2>Tag Cloud</h2>
<ul class="tag">
	<li>HTML</li>
	<li>CSS</li>
	<li>jQuery</li>
	<li>PHP</li>
	<li>WordPress</li>
	<li>JavaScript</li>
	<li>HTML5</li>
	<li>CSS3</li>
	<li>Sass</li>
	<li>LESS</li>
	<li>Photoshop</li>
	<li>Illustrator</li>
	<li>Dreamweaver</li>
	<li>Fireworks</li>
</ul>
* {
	font-family: 'Raleway', sans-serif;
}

h2 {
	color: #333;
}

ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

li {
	display: inline-block;
	color: #fff;
}

.nav li {
	background: #F26964;
	border-radius: 5px;
	padding: 10px 20px;
}

.pager li {
	background: #1253A4;
	padding: 10px;
}

.tag {
	max-width: 300px;
}

.tag li {
	background: #93B8CA;
	border-radius: 2px;
	margin: 0 5px 10px 0;
	padding: 5px 10px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.