JSFiddle - React, Tailwind, and code Playground

by s_light

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Gute Laune</title>
    <style media="screen">
        html, body {
            display: block;
            
            margin: 0;
            padding: 0;
            
            border: 2px solid red;
        }
        
        html {
            display: block;
            position: relative;
            
            margin: 5em;
            padding: 0;
            
            max-width: 700px;
            
            border: 2px solid lime;
            
            
            background: center bottom / contain no-repeat url("https://openclipart.org/image/800px/332150") ;
            background-color: rgb(255, 250, 200);
        }
        body {
            display: block;
            margin: 0;
            padding: 0;
            background-color: transparent;
        }

        div {
            margin: 0;
            padding: 0;
        }

      
    </style>
</head>
<body class="">
    <div class="content" >
        <p>
            Guten Morgen :-)
        </p>
        <p>
            willkommen hier
        </p>
    </div>
</body>
</html>