JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fix-me">I'm a box like a box should be with this kind of border-settings...</div>

CSS

.fix-me { 
    border:10px solid red;
    border-top:30px solid green;
    height:200px;
    width:200px;
    padding:5px;

}