how to show text in a button with css

Question

I´ve got the following code:

jsfiddle

http://jsfiddle.net/9b3YG/

html

<a class="button" href="">
        <span class="fill_link"></span>
        Test
    </a>

and I want that the text of the link is in front of the span "fill_link", but i only can change the css of the class "button" and the class "fill_link".

Thanks

Answer 1

set

z-index: -9999;

for the fill_link class.

edited in jsfiddle

Answer 2

Just wrap text <span class="text">Test</span> and apply z-index for it. JSFiddle