<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li value="10">Ten</li>
<li>Eleven</li>
<li>Twelve</li>
</ol>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
If the list is styled with list-style: none
, the role="list"
attribute must
be added due the Safari behavior.
<style>
.no-style {
list-style: none;
}
</style>
<ul class="no-style" role="list">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<dl>
<dt>Name</dt>
<dd>Óscar</dd>
<dt>Surname</dt>
<dd>Otero</dd>
</dl>
Alternative version for styling purposes:
<dl>
<div>
<dt>Name</dt>
<dd>Óscar</dd>
</div>
<div>
<dt>Surname</dt>
<dd>Otero</dd>
</div>
</dl>