examples-of-incorrect-and-correct-use-of-html-elements.html

<!-- No good -->
<i class="c-icon-edit"></i>
<!-- Good -->
<span class="c-icon-edit">
    <span class="hide-visually">Edit draft</span>
</span>


<!-- No good -->
<ul class="c-user-data">
    <li><span>Name:</span> <span>Benny Blanco</span></li>
    <li><span>DOB:</span> <span>03/09/1978</span></li>
    <li><span>Born:</span> <span>The Bronx</span></li>
</ul>
<!-- Good -->
<dl class="c-user-data">
    <dt>Name</dt> 
    <dd>Benny Blanco</dd>
    <dt><abbr title="Date of birth">DOB</abbr></dt> 
    <dd><time datetime="1978-09-03">03/09/1978</time></dd>
    <dt>Born</dt> 
    <dd>The Bronx</dd>
</dl>


<!-- No good -->
<div class="l-footer__copyright">&copy; Copyright 2016</div>
<!-- Good -->
<small class="l-footer__copyright">&copy; Copyright 2016</small>