JSFiddle - React, Tailwind, and code Playground

HTML

<a href='http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link' class='btn-style' style='text-decoration:none;'>Link</a>

CSS

.btn-style{
    	border : solid 1px #0088cc;
    	border-radius : 6px;
    	moz-border-radius : 6px;
    	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
    	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
    	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
    	font-size : 18px;
    	color : #696869;
    	padding : 1px 17px;
    	background : #eeeeee;
    	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(49%,#eeeeee), color-stop(72%,#cccccc), color-stop(100%,#eeeeee));
    	background : -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
    	background : -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
    	background : -o-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
    	background : -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
    	background : linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
    	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
    
    }