To create tabs, you need an input
to keep the tab's open/closed state, a label
to be the "button" that trigger the input change, and a div
with your tab's content.
Take this basic code example:
<div class="tabs">
<input type="radio" name="tab-toggle" id="tab-toggle-1">
<label class="tab" for="tab-toggle-1">First tab</label>
<div class="tab-content">First tab content.</div>
<input type="radio" name="tab-toggle" id="tab-toggle-2">
<label class="tab" for="tab-toggle-2">Second tab</label>
<div class="tab-content">Second tab content.</div>
</div>
Live example:
Account details
Security
One more tab content