JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

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 {
display: inline-block;
    vertical-align: middle;
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;
}

.box-form-button {
display: inline-block;
    vertical-align: middle;
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;
}