JSFiddle - React, Tailwind, and code Playground

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;font: 12px/16px verdana,helvetica,sans-serif;}
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: auto; background-color: #000;"></div>
<div style="float: right; clear: right; height: 162px; 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>