Как сделать табы (начальный вид только с помощью стилей)?

Приветствую

Есть код (CodePen):

<div class="tabs">
    <div class="item">
        <div class="title">item1</div>
        <div class="content">content1</div>
    </div>
    <div class="item">
        <div class="title">item2</div>
        <div class="content">content2</div>
    </div>
    <div class="item">
        <div class="title">item3</div>
        <div class="content">content3</div>
    </div>
    <div class="item">
        <div class="title">item4</div>
        <div class="content">content4</div>
    </div>
    <div class="item">
        <div class="title">item5</div>
        <div class="content">content5</div>
    </div>
</div>

Можно ли из этого HTML без изменения структуры и без использования JS/flex сформировать такой вид:

Я имею ввиду простой начальный вид без переключения на другие вкладки, просто начальный вид, чтобы нижняя часть (поле контента) не была задана в стилях в position:absolute, так как в этом случае на нее будет наезжать блок, размещенный после нее.