Question

I want to create a span inside of a link (a href) tag, I want the span to take 100% width & height of the parent link element. I’ve been trying with position relative/absolute but nothings works.

Example:

http://jsfiddle.net/dDZRj/

Answer 1

Is this it?

http://jsfiddle.net/dDZRj/11/

body {
    margin: 25px;
}

.button {
    margin: 5px;
    color: #fff;
    background: #999;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none
}   

.button span {
    padding: 10px;
    border: solid 1px red;
    width: 100%;
}

.big {
    font-size: 2em;
}