I am trying to get whole `<figure>` element as a link so i wrote these line of code :-

```
   <figure>
   <a href="#">
    <img src="images/product-image.jpg" alt="image  " />
    <span class="label"><span class="rotate">40%</span></span>
    <span class="curle-label_bg"></span>
    <figcaption><span class="product-brand">Brand of product</span>
    Main Caption here 
   <span class="save-money">Save 395.05</span>
   <span class="product-price">€169.30</span>
   </figcaption>
   </a>
   </figure>

```

I am getting an error **"Element figcaption not allowed as child of element a in this context. 
 (Suppressing further errors from this subtree.)"** in <http://validator.w3.org/> ,I have changed my Document Type in to HTML5 (experimental) in **"More option"**, Can anybody tell me why i am getting this error or where i am going wrong?