JSFiddle - React, Tailwind, and code Playground

by deshg

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>your example</title>
<style type="text/css">
*{margin:0;padding:0}
body{background-color:#aaa}
</style>
</head>
<body>

<div style="width: 316px; height: 300px; background-color: #ffcc00; overflow: hidden;">
<div style="float: right; width: 1px; height: 141px; background-color: #000;"></div>
<div style="float: right; clear: right; height: 159px; width: 140px;background-color: #ccdd00;">SAMPLE TEXT IN PLACE OF IMAGE</div>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>

</body>
</html>