JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<div class="fixed-bottom">
     <h1>Enter Your Email &amp; Keep Track of ILIM</h1>

    <div style="width:900px; margin:0 auto;">
        <fieldset clas8="clearfix">
            <div class="lp-pom-form-field clearfix">              
                <input type="text" id="email" name="email" class="text" style="width: 632px; font-size: 28px; height: 48px; padding-left: 10px; padding-right: 10px; lineheight: 28px; float:left;">
            </div>
                <a class="lp-element lp-pom-button" id="lp-pom-button-52" href="#"><span class="label" style="margin-top: -15px;">Sign Up</span></a>
        </fieldset>
    </div>
</div>

CSS

.fixed-bottom {
    position:fixed;
    left:0;
    bottom:0;
    padding:10px 0;
    background:#CCC;
    width:100%;
}
.fixed-bottom h1 {
    text-align:center;
}

#lp-pom-button-52 {
display: block;
z-index: 61;
width: 175px;
height: 54px;
line-height: 54px;
behavior: url(/PIE.htc);
border-radius: 8px;
background-color: #ff0000;
background: -webkit-linear-gradient(#ff0000,#e60000);
background: -moz-linear-gradient(#ff0000,#e60000);
background: -ms-linear-gradient(#ff0000,#e60000);
background: -o-linear-gradient(#ff0000,#e60000);
background: linear-gradient(#ff0000,#e60000);
box-shadow: inset 0px 1px 0px #ff4c4c,inset 0 -1px 2px #b30000;
text-shadow: 1px 1px #5c0000;
-pie-background: linear-gradient(#ff0000,#e60000);
color: #fff;
border-style: solid;
border-width: 3px;
border-color: #333333;
font-size: 24px;
font-weight: bold;
font-family: arial;
text-align: center;
background-repeat: no-repeat;
    float:left;
    margin:0 0 0 10px;
}

#lp-pom-form-51 .lp-pom-form-field input[type=text] {
border-style: solid;
border-width: 10px;
border-color: #002c77;
}

a {
color: #ff0000;
text-decoration: none;
}