JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
</head>
<body style="width:100%; margin:0; padding:0;">
    <div><a href="#" class="btn_bigfake">1. anchor</a></div>
    <div><a href="#" class="btn_bigfake">2. anchor</a></div>
    <div class="btn_bigfake"><input type="submit" value="3. input"/></div>
</body>
</html>

CSS

.btn_bigfake{
    display:block;
    width:50%;
    margin: 0px auto 5px auto;
    background:#f5f5f5;
    border:4px solid #282726;
    text-align: center;
}

.btn_bigfake input {
  border:0;
  width:100%;
  display:block;
  background:#f5f5f5;
  text-align: center;
  padding:2px 0;
}

div{width:100%;}