Home/ Questions/Q 8669719
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T18:32:42+00:00

For my curiosity, given a CSS-only button markup like this one: http://www.cssbutton.me/ryanjohnson_me/4fea99463f2df0f605000043 , one

  • 0

For my curiosity, given a CSS-only button markup like this one: http://www.cssbutton.me/ryanjohnson_me/4fea99463f2df0f605000043, one can create a button visually using:

<div class="button">Click</div>

But how can we actually make it functional? For example, make it link to some other page, so when user clicks on it, she gets redirected.

I’ve tried wrapping a <a href> inside the <div>, but the button text shows up as a link, which is undesirable. I also tried the opposite – wrapping the <div> inside a <a href>, which seems to work but I was told this is not valid html code.

Any other suggestion?

P.S. The targeted browsers would be IE8+, chrome 14+, Firefox 11+, Safari 5+ and Opera 11+, if this makes any difference.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have you tried changing the

    <div class="button">Click</div>

    into <a class="button" href="#your_link">Click</a>?

    It should work as a normal link, and have the css buttons stylings and expected behavior.

    • 0