Question

Possible Duplicate:
Link into full div – html and css

I’m trying to construct CSS where the <a> tag covers an entire <div> block, so that anywhere on the <div> can be clicked.

Here’s how the final div should look (image is 64×64px):

Here’s the HTML:

    <div>
        <img src="" alt=""/>
        <h3><a>On The Beach</a> <span class="exclusive">Exclusive</span></h3>
        <span class="details">Save 10% off all package holidays</span>
    </div>

Any CSS guru’s help?

Answer 1

May be you can write like this:

<a href="#">
        <img src="" alt=""/>
        <h3><span>On The Beach</span> <span class="exclusive">Exclusive</span></h3>
        <span class="details">Save 10% off all package holidays</span>
    </a>

CSS

a{
 display:block;
}

Note: as per html5 you can define block elements inside <a> tag