JSFiddle - React, Tailwind, and code Playground
by von
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text and Image+</title>
</head>
<body class="content layout-2" role="document">
<div class="container-fluid"><main>
<div class="row">
<div class="col-xs-12 col-sm-offset-2 col-sm-8">
<h2>Image Float to Left</h2>
<div class="text-image-plus">
<div class="image " id="image-1024437849">
<div data-fancybox="" data-caption-id="#image-caption-1024437849" data-image-zoom="false" data-options="{"image" : {"preload" : true}, "scrolling": "no", "buttons": ["close"]}" class="fancybox_image image-export" id="fancybox_image-1024437849" data-src="../web_resources/PH_235_v7_m1_08.jpg">
<div class="lightbox" id="1024437849">
<div class="image-wrap image-detail"><img onclick="centerIt();" src="/content/enforced/6701-AAU_CQ/wiki_content/../web_resources/1583783394452.jpg" alt="Akhenaten, ca. 1353–1335 BCE. Sandstone sculpture from the temple of Aton." title="Akhenaten, ca. 1353–1335 BCE. Sandstone sculpture from the temple of Aton." class="cq-dd-image image-export" /></div>
</div>
</div>
<div id="image-caption-1024437849" class="img-descript image-caption">
<div class="lightbox-captions captions-inline caption-1024437849">
<div>
<p>test of the title field</p>
</div>
<div>
<p></p>
<p>caption text would go here</p>
<p></p>
</div>
</div>
</div>
</div>
<div class="text clearfix">
<p>Mauris in lectus nec eros dictum facilisis. Phasellus porta convallis nisi eu semper. Maecenas vel diam sapien. Morbi a ipsum sit amet massa lacinia pharetra. Mauris at mi ac eros vulputate commodo. Donec tempus tincidunt arcu, non egestas arcu dapibus at. Curabitur sit amet massa sed nibh vestibulum scelerisque non in magna. Aenean nibh massa, vehicula non pharetra eget, rhoncus sed tellus. Ut a fringilla risus....