Question

I have the following structure for html:-

<div>
  <span>
    <a href="wherever">Wherever</a>
  </span>
</div>

If I want the span to cover the entire width of the div, how can I do that in chrome?

I tried in css using

span{
  background:#FFF;
  width:100%;
}

It works in firefox and ie but not in chrome.

Answer 1

span elements are inline. Inline elements adjust their width automatically and ignore your width: expressions.

Make it block-level:

span {
    display: block;
}

But then it’s basically just a <div>.