Il template ItaliaPA permette di inserire la Timeline mediante definition list DL

a

labore facere aut

Voluptate blanditiis omnis. Et doloremque et. Debitis suscipit voluptatem est aut consequatur suscipit eos. Nisi sit voluptas quod. Vitae eligendi quasi culpa ut omnis pariatur nihil autem. Ipsam non eum sit omnis ut rerum.

dolores

porro vel rem

Sed rerum asperiores magni et facilis illo recusandae quia similique. Eos non at. Est sit voluptates. Esse corrupti cupiditate possimus hic quasi consequatur et.

vel

culpa nam consequatur

Ipsam ad et voluptates quaerat. Veritatis sed voluptatem sit tempore recusandae accusantium et vero. At laborum eveniet quaerat expedita nihil doloremque assumenda aperiam alias.

Utilizzando la definition list il codice si semplifica di molto.

<dl class="Timeline">
    <dt>a</dt>
    <dd>
		<h2 class="u-text-r-xs u-padding-r-bottom">labore facere aut</h2>
        <p class="u-text-p u-textSecondary">
			Voluptate blanditiis omnis. Et doloremque et. Debitis suscipit voluptatem est aut consequatur suscipit eos. Nisi sit voluptas quod. Vitae eligendi quasi culpa ut omnis pariatur nihil autem. Ipsam non eum sit omnis ut rerum.
        </p>
    </dd>
    <dt>dolores</dt>
    <dd>
		<h2 class="u-text-r-xs u-padding-r-bottom">porro vel rem</h2>
		<p class="u-text-p u-textSecondary">
			Sed rerum asperiores magni et facilis illo recusandae quia similique. Eos non at. Est sit voluptates. Esse corrupti cupiditate possimus hic quasi consequatur et.
		</p>
    </dd>
    <dt>vel</dt>
	<dd>
		<h2 class="u-text-r-xs u-padding-r-bottom">culpa nam consequatur</h2>
		<p class="u-text-p u-textSecondary">
			Ipsam ad et voluptates quaerat. Veritatis sed voluptatem sit tempore recusandae accusantium et vero. At laborum eveniet quaerat expedita nihil doloremque assumenda aperiam alias.
		</p>
    </dd>
</div>