HTML
<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui vertical sidebar menu"> <a href="#" class="item">Ralf</a>
<a href="#" class="item">Florian</a>
<a href="#" class="item">Wolfgang</a>
<a href="#" class="item">Karl</a>
</div>
<div class="pusher">
<div class="ui top fixed menu">
<div class="ui title borderless item launch button">Numbers</div>
</div>
<div class="ui segment">
<p>Eins, zwei, drei, vier
<br/>Fünf, sechs, sieben, acht
<br/>Uno, due
<br/>Três, quatro
<br/>One, two
<br/>Ichi, ni, san, chi
<br/>Adjin, dva, tri
<br/>Li, tva, tri
<br/>
</p>
<p>Eins, zwei, drei, vier
<br/>Fünf, sechs, sieben, acht
<br/>Uno, due
<br/>Três, quatro
<br/>One, two
<br/>Ichi, ni, san, chi
<br/>Adjin, dva, tri
<br/>Li, tva, tri
<br/>
</p>
<p>Eins, zwei, drei, vier
<br/>Fünf, sechs, sieben, acht
<br/>Uno, due
<br/>Três, quatro
<br/>One, two
<br/>Ichi, ni, san, chi
<br/>Adjin, dva, tri
<br/>Li, tva, tri
<br/>
</p>
<p>Eins, zwei, drei, vier
<br/>Fünf, sechs, sieben, acht
<br/>Uno, due
<br/>Três, quatro
<br/>One, two
<br/>Ichi, ni, san, chi
<br/>Adjin, dva, tri
<br/>Li, tva, tri
<br/>
</p>
<p>Eins, zwei, drei, vier
<br/>Fünf, sechs, sieben, acht
<br/>Uno, due
<br/>Três, quatro
<br/>One, two
<br/>Ichi, ni, san, chi
<br/>Adjin, dva, tri
<br/>Li, tva, tri
<br/>
</p>
<p>Eins, zwei, drei, vier
...