title: Getting an error in W3C Markup Validation when trying to get a whole <Figure> element as a link in a page
body: <p>I am trying to get whole <code>&lt;figure&gt;</code> element as a link so i wrote these line of code :-</p>
  
  <pre><code>   &lt;figure&gt;
     &lt;a href="#"&gt;
      &lt;img src="images/product-image.jpg" alt="image  " /&gt;
      &lt;span class="label"&gt;&lt;span class="rotate"&gt;40%&lt;/span&gt;&lt;/span&gt;
      &lt;span class="curle-label_bg"&gt;&lt;/span&gt;
      &lt;figcaption&gt;&lt;span class="product-brand"&gt;Brand of product&lt;/span&gt;
      Main Caption here 
     &lt;span class="save-money"&gt;Save 395.05&lt;/span&gt;
     &lt;span class="product-price"&gt;€169.30&lt;/span&gt;
     &lt;/figcaption&gt;
     &lt;/a&gt;
     &lt;/figure&gt;
  </code></pre>
  
  <p>I am getting an error <strong>"Element figcaption not allowed as child of element a in this context. 
      (Suppressing further errors from this subtree.)"</strong> in <a href="http://validator.w3.org/" rel="nofollow">http://validator.w3.org/</a> ,I have changed my Document Type in to HTML5 (experimental) in <strong>"More option"</strong>, Can anybody tell me why i am getting this error or where i am going wrong?</p>