Question

I have an anchor tag <a> inside a <span> tag. I have applied CSS so that span looks like a button.

I am facing some issues:

1. I cannot apply styles to anchor by applying style to span.
2. The click is happening only on the anchor tag. I would like the click feature for the entire span tag.

Any help greatly appreciated.

Answer 1

1) Add styles to the span, and also to the anchor inside the span:

#container span, #container span a {
    /* whatever */
}

2) You can’t apply click events to a span tag without JavaScript. I suggest jQuery for ease:

$('#container').on('click', 'span', function() {
    // JavaScript functionality here
});