Search code examples
htmlvalidationlabelhref

The element label must not appear as a descendant of the a element

Everthing seems to work fine, but when I validate my xml I get an error The element label must not appear as a descendant of the a element. Something similar was already asked here, but that did squat for me. If I put the label out of a then only the icon next to the label works as a link, but I want the whole thing.

My current code

<a href="#">
   <span class="glyphicon glyphicon-wrench"></span>
   <label class="iconLabel">Settings</label>
</a>

I've tried puting spanand label inside div, but nothing changed

Solution

  • Change label for span, but keep this in the same place, keeping the class "iconLabel", this should work.

    Code:

    <a href="#">
   <span class="glyphicon glyphicon-wrench"></span>
   <span class="iconLabel">Settings</span>
</a>