JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<div style="padding: 8px; border-type: solid; border-width: 1px; border-color: black;  text-align: center;border-color:black; border-width: 2px;border-style: solid; border-radius: 7px; background: #00f200; color: #000; max-width: 320px; width 100%; text-decoration: none; padding-left: 15px; "><span style="font-size:14px; font-weight: bold">And it will create anything you want…
</span></div>
<style type="text/css">ul {
  list-style: none;
}

ul li:before {
  color: #ff5700;
  content: '✓';
  font-weight: bold;
}
</style>
<ul>
	<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Landing pages.</span></li>
	<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Websites.</span></li>
	<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Funnels.</span></li>
	<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Stores.</span></li>
<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Copywriting.</span></li>
<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Designs.</span></li>
<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Videos.</span></li>
<li><span style="font-size: 15px; background-color: transparent;">&nbsp;Voiceovers.</span></li>
<li><span style="font-size: 15px; background-color: transparent;">&nbsp;And more….</span></li>
</ul>