JSFiddle - React, Tailwind, and code Playground

HTML

<div class='bord'>border example</div>
<div class='outl'>border example</div>

CSS

body {
    padding: 10px;
}
div {
    width: 200px;
    float: left;
}

.outl {
  outline: 10px solid rgba(0, 0, 0, .4);
}

.bord {
    border: 10px solid rgba(0,0,0,.4);
    margin: -10px;
}