Is there a valid non js way to turn a collection of headings, paragraphs and lists into one url? (like in advertisements?)

<a href="http://www.example.com" class="allclickable">
      <h2>Fresh Bread</h2>
      <p>Delivered to your door</p>
      <ul>
          <li>Daily</li>
          <li>Fresh</li>
          <li>Bread</li>
      </ul>
</a>

This does not validate and I do want the href to be display as block element (so also the space around the text is clickable).

Cheers