JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        
        <style>
            * {
                margin: 0;
                padding: 0;
            }
            
            body {
                font: 16px "Segoe UI", "Segoe WPC", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
            }
            
            div {
                float: left;
                text-align: center;
                padding: 15px 30px 15px 30px;
            }
            
            #exampleElement1 {
                background-color: red;
            }
            
            #exampleElement1 ::selection {
                color: black !important;
                background-color: white !important;
            }
            
            #exampleElement2 {
                background-color: #fff;
            }
            
            #exampleElement2 :-webkit-selection {
                color: black !important;
                background-color: #fff !important;
            }
            
            #exampleElement3 {
                background-color: #6B8E23;
            }
            
            #exampleElement3 ::-moz-selection {
                color: black !important;
                background-color: white !important;
            }
        </style>
    
    
    </head>
    
    <body>
        <div id="exampleElement1">
            <span>Normal</span>
        </div>
        <div id="exampleElement2">
            <span>Webkit</span>
        </div>
        <div id="exampleElement3">
            <span>Mozilla</span>
        </div>
    </body>
</html>