JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main_div">
    <div class="normal">
        <label>Dummy Text Here </label>
        <input type="field" value="" name="" ></input>
    </div>
</div>

CSS

.main_div {
        width:200px;
        height:100px;
        background:red;
        margin-left:55px;
        margin-top: 25px;
        position:relative;
        -webkit-transform: skew(-30deg);         
}
.normal{-webkit-transform: skew(30deg);}