Anchor link containing multiple headings?

[sevendayweekend]

According to the W3C wrapping multiple elements in 1 anchor tag is invalid.

I was wondering is there is a neat CSS solution for combining multiple heading and image tags into 1 valid clickable anchor?

I’m building a property listing site, and I want my ‘mini listing boxes’ to only have 1 anchor. Here’s my invalid code:

FOR SALE


Listing Title


$1,000,000

[noahgelman]

I think if you wrap the multiple elements in one div, you should be able to then wrap that div in an anchor tag around it and it validate

[sevendayweekend]

Hmm, still seem to get a few validation errors on W3C.

[noahgelman]

Unusual, because I just checked a page with multiple elements (An h2 and a couple p’s) wrapped in an anchor tag and it validated just fine for me. Do you have a link to the page?

[sevendayweekend]

Yeah, it’s here: http://bpl2.barbadospropertylist.com/category/offer/sales/

But I’m switching to spans now, as someone on Stack Overflow said I shouldn’t really use headings in this way.

[Author]

Posts