JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
        <link type="text/css" rel="stylesheet" href="box.css"/>
        <title>Result</title>
    </head>
    <body>
        <div>
            <p>one</p>
            <p>two</p>
            <p>one</p>
            <p>two</p>
            <p>one</p>
            <p>two</p>
        </div>
    </body>
</html>

CSS

* {
    border: 1px dashed black;
}
div {
    height: auto;
    width: 100px;
    border: 4px solid #FF0000;
    border-radius: 5px;
    background-color: #308014;
    margin:10px 10px 10px 10px;
    padding:40px;
}
div p{
    background-color:yellow;
    /*display:inline;*/
}