JSFiddle - React, Tailwind, and code Playground

by xareyo

HTML

<div id="wrapper-landing">
    <div class="box-row">
        <div class="box-form-body">
             <h4>
                See What You're Missing</h4>

        </div>
        <div class="box-form-button">
            <img src="http://www.ei.edu/wp-content/uploads/2013/03/button_submit.jpg" />
        </div>
    </div>
</div>

CSS

#wrapper-landing {
    width: 916px;
    margin: 0 auto 50px auto;
    padding: 0;
}
.box-form-body {
    float: left;
    display: block;
    width: 75%;
    padding: 0 0 0 2em;
    border:1px solid #e2e3e4;
}
h4 {
    font-size: 1.05em;
    margin: 0 0 2px 0;
    font-family:"HelveticaNeueW01-75Bold", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight: normal;
    line-height: 2.4;
}
.box-form-button {
    float: left;
    display: block;
    width: 15%;
    border:1px solid #e2e3e4;
    padding: 0 0 0 3em;
}
.box-row {
    width:100%;
    padding:10px;
    border:1px solid #e2e3e4;
    margin:0px;
    overflow: hidden;
    background-color:#f66511;
}