<div class="enhanceable_content tabs" title="ingesloten inhoud">
    <ul style="list-style-type: none; padding: 0; margin: 0;">
        <li style="display: inline-block; background-color: red; padding: 10px 20px; border-radius: 10px;"><a style="text-decoration: none; color: white; font-family: 'Arial', sans-serif;" href="#fragment-1">Tabblad 1</a></li>
        <li style="display: inline-block; background-color: red; padding: 10px 20px; border-radius: 10px;"><a style="text-decoration: none; color: white; font-family: 'Arial', sans-serif;" href="#fragment-2">Tabblad 2</a></li>
        <li style="display: inline-block; background-color: red; padding: 10px 20px; border-radius: 10px;"><a style="text-decoration: none; color: white; font-family: 'Arial', sans-serif;" href="#fragment-3">Tabblad 3</a></li>
        <li style="display: inline-block; background-color: red; padding: 10px 20px; border-radius: 10px;"><a style="text-decoration: none; color: white; font-family: 'Arial', sans-serif;" href="#fragment-4">Tabblad 4</a></li>
        <li style="display: inline-block; background-color: red; padding: 10px 20px; border-radius: 10px;"><a style="text-decoration: none; color: white; font-family: 'Arial', sans-serif;" href="#fragment-5">Tabblad 5</a></li>
    </ul>
    <div id="fragment-1">
        <p>INHOUD 1</p>
    </div>
    <div id="fragment-2">
        <p>INHOUD 2</p>
    </div>
    <div id="fragment-3">
        <p>INHOUD 3</p>
    </div>
    <div id="fragment-4">
        <p>INHOUD 4</p>
    </div>
    <div id="fragment-5">
        <p>INHOUD 5</p>
    </div>
</div>