JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="def cell"></div>
    <div class="abc cell"></div>
    <div class="container">I AM A TAB<div>
</div>

CSS

.wrapper{width:70px;}
.container {                  
            background:red;
            text-align: center;}

.cell{display: table-cell;}

.abc {
        width: 35px;
        border-bottom: 10px solid red;
        border-right: 10px solid transparent;
        }
.def {
        width: 35px;            
        border-bottom: 10px solid red;
        border-left: 10px solid transparent;
    }