Make total area of div a link

Question

What is the correct way to make the total area of a div a link?

I have multiple div's that are small tiles and I want the total area of the div to be a link.

Should the Anchor tag wrap a span on the inside or what is the best way to do this?

<div class="l-box">
    <h3>Service 1</h3>
    <p>Service description</p>
</div>
<div class="l-box">
    <h3>Service 2</h3>
    <p>Service description<</p>
</div>

not everyone loves this practice , but try to wrap whole `div` with `a`. the problem is that `a` is inline element and `div` is block element — Ivan Chernykh, Jul 22 '13 at 08:15

score 3 · Accepted Answer · answered Jul 22 '13 at 08:16

3

Wrap your div with <a href="#"></a> and give display: block; to a

answered Jul 22 '13 at 08:16

Bhojendra Rauniyar

83,432
35
168
231

2

as per html5 you can define block elements inside `` tag [see this question](http://stackoverflow.com/questions/1827965/is-putting-a-div-inside-an-anchor-ever-correct) – Bhojendra Rauniyar Jul 22 '13 at 08:29

Make total area of div a link

1 Answers1