JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur magni minus adipisci sed odio optio, inventore eum, perferendis alias, excepturi asperiores, libero ullam tempora. Saepe, itaque veritatis? Non in, similique!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam non eaque quasi, error libero quos, corporis atque omnis earum voluptas fugiat, totam, impedit cum dicta voluptatum quia odio reprehenderit! Nobis.
</div>

CSS

div {
    width: 800px;
    background-color: #F49100;
    padding: 40px 30px 55px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 100px;
    color: #fff;
}
div:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: -50px;
    box-sizing: border-box;
}
div:before {
    bottom: 0;
    border-top: 50px solid transparent;
    border-right: 800px solid #F49100;
    border-bottom: 0px solid transparent;
}