JSFiddle - React, Tailwind, and code Playground

by pphheerroonn

HTML

<style><!--
#productContent {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; !important
   font-weight: 300;!important
color:#333333!important}
#productContent .grey_bg{background-color: #f2f2f2;!important}
#productContent p {display: block;}
#productContent p .centre {display: block; width: 50%;!important;margin: auto;!important text-align : center!important}
#productContent h2 {color:#333333!important}
#productContent h2 .center {display: block; margin:auto}
#productContent div.clear {
    clear: both;

cms-page-view .col-main {
 border: solid 3px #FFFFFF!important;
}
--></style>
<div id="productContent">
<div style="text-align: center;"><img alt="iMac" src="https://compub-staging.seraccloud.nl/index.php/cbadmin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvUHJvZHVjdHBhZ2VzL2ltYWMvSUVFTl9pTWFjX1ExMTZfV2ViX1Byb2R1Y3RfUGFnZV8wMDAwc18wMDAwX3IzNjVfbm9BcHBsZV9CbGtfUkdCLnBuZyJ9fQ,,/key/e2411c54511657d59f43822d0f79fcf4/" style="display: block; margin-left: auto; margin-right: auto;" width="132.5" />
<h2>Retina. Now in colossal and ginormous</h2>
<p class="center">The idea behind iMac has never wavered: to craft the ultimate desktop experience. The best display, paired with high-performance processors, graphics, and storage &mdash; all within an incredibly thin, seamless enclosure. And that commitment continues with the all-new 21.5‑inch iMac with Retina 4K display. Like the revolutionary 27‑inch 5K model, it delivers such spectacular image quality that everything else around you seems to disappear. Adding up to the most immersive iMac experience yet &mdash; and another big, beautiful step forward.</p>
<hr style="width: 20px;" width="20" />
<p class="center"></p>
<img alt="iMac facing left"...