CSS button style

Hi guys,

Just wondering how you would create this button with just CSS (image attached)?

I can’t work out how to get the border inside the button.

Any help is greatly appreciated.


You might have to wrap one element inside another to get that. E.g.

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<style media="all">
a, span {
	display: inline-block;

a {
	background: #4e95be;
	font-size: 0.75em;

a:hover {
	background: #2376a6;

span {
	padding: 10px 20px;
	margin: 5px;
	border: 1px solid white;


<p><a href=""><span>VIEW ALL</span></a></p>



Thanks Ralph – that’s great…

Thanks for your assistance.