JSFiddle - React, Tailwind, and code Playground

by tjnicolaides

HTML

<div class="rounded-corners">
    <p>This container should have rounded corners in browsers that support it.</p>
</div>

CSS

body {
    background: #eee;
    text-align:center;
    font-family: Verdana, sans-serif;
}

div.rounded-corners {
    background:#34E1F7;
    width:200px; 
    margin:100px auto;
    padding:20px;
    color:#fff;
    
    /* BORDER RADIUS RULES */
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}