JSFiddle - React, Tailwind, and code Playground

by taylorRichie

HTML

<body>
    <div class="message">Message</div>
  <!--  <div class="iframe">
        <iframe style="width:500px; height:205px; background:none; border:none"></iframe>
    </div> -->
    <div class="applet">
        <applet code="Bubbles.class" width="400" height="350">
            Java applet that draws animated bubbles.
        </applet>
    </div>
</body>

CSS

.applet {
    width:400px;
    margin:0 auto;
    text-align:center;
    border:1px solid #000;
    left:40%;
    position:absolute;
}

.iframe {
	width:400px;
	background:#fff;
	position:absolute;
	border:1px solid #f00;
	position:absolute;
	left:45%;
	top:20px;
	z-index:2;
	height:201px;
    background:blue;
}

.message {
	width:250px;
	border:1px solid #000;
	background:#fff;
	height:150px;
	color:#fff;
	text-align:center;
	z-index:99;
	background:#555;
	float:left;
	position:absolute;
	left:45%;
	top:20px;
}