<a href="#"><button>Link Text</button></a>
You asked for a link that looks like a button, so use a link and a button 🙂 This will preserve default browser button styling. The button by itself does nothing, but clicking it activates its parent link.
Demo:
<a href="http://stackoverflow.com"><button>Link Text</button></a>
Related Contents:
- Embed image in a element
- How to wrap text of HTML button with fixed width?
- Can I nest button inside another button?
- Why does width apply to a button with display inline?
- How to add background image for input type=”button”?
- How to center buttons in Twitter Bootstrap 3?
- When flexbox items wrap in column mode, container does not grow its width
- How to match width of text to width of dynamically sized image/title?
- How to center a flex container but left-align flex items
- Vertically align an image inside a div with responsive height
- Using relative URL in CSS file, what location is it relative to?
- How do I disable the resizable property of a textarea?
- Several elements with the same ID responding to one CSS ID selector
- Equal height children of flex items
- How to line-break from css, without using ?
- Keep the middle item centered when side items have different widths
- How do you get centered content using Twitter Bootstrap?
- IE8 support for CSS Media Query
- Positions fixed doesn’t work when using -webkit-transform
- Google Chrome form autofill and its yellow background
- How to animate underline from left to right?
- Make div (height) occupy parent remaining height
- Make absolute positioned div expand parent div height
- How to prevent scrollbar from repositioning web page?
- Imitating a blink tag with CSS3 animations
- Fixed header, footer with scrollable content
- Maintain image aspect ratio when changing height
- How do I make an editable DIV look like a text field?
- Inline elements and line-height
- How to get box-shadow on left & right sides only
- CSS3 transition doesn’t work with display property [duplicate]
- Should global css styles be set on the html element or the body element?
- Jenkins – HTML Publisher Plugin – No CSS is displayed when report is viewed in Jenkins Server
- Html ordered list 1.1, 1.2 (Nested counters and scope) not working
- How do I create an HTML button that acts like a link?
- Why does vw include the scrollbar as part of the viewport?
- How does the z-index property really work?
- Two div blocks on same line
- Why does the ‘title’ attribute cause browsers to ignore my styles?
- How do I give a CSS class priority over an id?
- CSS property as SASS mixin value [duplicate]
- Image width/height as an attribute or in CSS? [duplicate]
- Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
- Flexbox on IE11: image stretched for no reason?
- Why is a trailing punctuation mark rendered at the start with direction:rtl?
- Responsive image align center bootstrap 3
- Markdown and image alignment
- SVG LinearGradient hidden if svg is hidden in seperate class
- Responsive order confirmation emails for mobile devices?
- Diagonal stripes that are 1px wide