JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<html>
<head>
<style>
#b { width: 500px; height: 300px; }

#i1 { border: 10px solid black; }
#i2 { border: 10px solid red; }
#i1, #i1 #i2 { width: 100%; height: 100%; }
#i1 #i2 {box-sizing:border-box}
</style>
</head>

<body>
<div id="b">
<div id="i1"><div id="i2">dddddddd</div></div>
</div>
</body>
</html>