title: Is putting a div inside an anchor ever correct?
body: <p>I've heard that putting a block element inside a inline element is a HTML sin:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;a href=&quot;http://example.com&quot;&gt;
      &lt;div&gt;
          What we have here is a problem. 
          You see, an anchor element is an inline element,
          and the div element is a block level element.
      &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  <p>But what about if you style the outer anchor as <code>display:block</code> in the stylesheet? Is it still wrong? The HTML 4.01 spec on <a href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.3" rel="noreferrer">block-level and inline elements</a> seems to think so:</p>
  <blockquote>
  <p>Style sheets provide the means to
  specify the rendering of arbitrary
  elements, including whether an element
  is rendered as block or inline. In
  some cases, such as an inline style
  for list elements, this may be
  appropriate, but generally speaking,
  authors are discouraged from
  overriding the conventional
  interpretation of HTML elements in
  this way.</p>
  </blockquote>
  <p>Does anyone have any further tips about this issue?</p>