JSFiddle - React, Tailwind, and code Playground
by Victor
HTML
<body style="
margin:0; padding:0;
background:#FFF25E;
text-align:right;
background: rgb(255,246,7);
background: -moz-linear-gradient(top, rgba(255,246,7,1) 0%, rgba(255,200,153,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,246,7,1)), color-stop(100%,rgba(255,200,153,1)));
background: -webkit-linear-gradient(top, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
background: -o-linear-gradient(top, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
background: -ms-linear-gradient(top, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
background: linear-gradient(to bottom, rgba(255,246,7,1) 0%,rgba(255,200,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff607', endColorstr='#ffc899',GradientType=0 );
">
<span style="
font-size:3.5em;
text-align:right;
font-family:impact;
letter-spacing:2px;
display:block;
color:#ffffff;
text-shadow:1px 1px 0 #333333, 0 0 15px #000000;
margin:0 0 20px;
margin-left:210px;
">
The Original Is Still The Best!
<br/>Over 3M Sold!
</span>
<span style="
background:#e3e3e3;
display:block;
background:rgba(250,250,250,.96);
width:200px;
text-align:left;
position:absolute;
top:100px;
left:10px;
display:block;
margin:0;
padding:0 0 10px;
border-radius:10px;
">
<h3 style="padding:5px;margin:0;color:#455A8C;font-style:italic;font-size:1.4em">Applications</h3>
<span style="padding:5px;">For use in:</span>
<ul style="list-style-type:circle; margin:0;">
<li>Natural gas distribution</li>
<li>Natural gas gathering</li>
<li>Landfill gas (methane)</li>
<li>Hydrocarbon fuel gases</li>
<li>Hydrogen</li>
<li>Air</li>
<li>Other inert gases</li>
</ul>
</span>
<h1 style="
text-transform:uppercase;
margin:15px 0 0;
...