JSFiddle - React, Tailwind, and code Playground

HTML

<a data-position="top" data-step="6" data-intro="Please click here to" title="register for free" href="#" class="register preventEvent">
			<p>Register test</p> <span>my text 2</span> 
</a>

CSS

a.register {
     background-color: #01A3D4;
     border-radius: 15px 15px 15px 15px;
     height: 48px;
     margin-left: 39px;
     padding: 18px 0 6px;
     text-align: center;
     vertical-align: baseline;
     width: 292px;
 }
 a {
     color: #FFFFFF;
     display: block;
     float: left;
     font-size: 24px;
 }
 .feed a, a:link {
     color: #0654BA;
     text-decoration: none;
 }
 a {
     text-decoration: none;
 }
 * {
     font-family:"Tw Cen MT";
     position: relative;
 }
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     background: none repeat scroll 0 0 transparent;
     border: 0 none;
     font-size: 100%;
     margin: 0;
     outline: 0 none;
     padding: 0;
     vertical-align: baseline;
 }