JSFiddle - React, Tailwind, and code Playground

by maddesigns

HTML

<body dir="rtl">
    <div class="box"> right to left </div>
    <div class="box rtl"> right to left </div>
</body>

CSS

.box {
    border-sizing: border-box;
    background-color: red;
    padding: 20px;
    height: 100px;
    width: 100px;
    
    margin: 40px;
    border-radius: 0 24px 24px 0;
}

.rtl {
    direction: rtl;
}