JSFiddle - React, Tailwind, and code Playground

by Charles Butler

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			<p id="P_4">
				WooCommerce - the <strong id="STRONG_5">most customizable eCommerce platform</strong> for building <strong id="STRONG_6">your online business.</strong>
			</p>
		</div>
		<div id="DIV_7">
			 <a href="https://woocommerce.com/start/?nuxentrysource=footer_cta" id="A_8">Get Started</a>
		</div>
	</div>
</div>

CSS

#DIV_1 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 186px;
    overflow-wrap: break-word;
    text-decoration: none solid rgb(51, 51, 51);
    width: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 750px 93px;
    transform-origin: 750px 93px;
    caret-color: rgb(51, 51, 51);
    background: rgb(150, 88, 138) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 16px / 25.008px proxima-nova, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
    padding: 64px 0px 48px;
}/*#DIV_1*/

#DIV_1:after {
    color: rgb(51, 51, 51);
    overflow-wrap: break-word;
    text-decoration: none solid rgb(51, 51, 51);
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 16px / 25.008px proxima-nova, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_1:after*/

#DIV_1:before {
    color: rgb(51, 51, 51);
    overflow-wrap: break-word;
    text-decoration: none solid rgb(51, 51, 51);
    column-rule-color: rgb(51, 51, 51);
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 16px / 25.008px proxima-nova, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_1:before*/

#DIV_2 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 74px;
    max-width: 100%;
    overflow-wrap: break-word;
    text-decoration: none solid rgb(51, 51, 51);
    width: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 500px 37px;
    transform-origin: 500px 37px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 16px / 25.008px proxima-nova, sans-serif;
    margin: 0px 250px;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_2*/

#DIV_2:after {
    clear: both;
    color: rgb(51, 51, 51);
    content: '"' '"';
    display: block;
   ...