JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <form>
        <p><input type="text"/></p>
        <p><label>*Last Name</label> <input type="text"/></p>
        <p><label>*Street Address</label> <input type="text"/></p>
        <p><label>Address Line 2</label> <input type="text"/></p>
    </form>
</div>

CSS

.container {
    width:500px;
    padding:40px;
    border:1px solid black;
}

label {
    display: inline-block;
    padding: 8px 10px 0 0;
}

p {
   display: flex;
}

input {
    -webkit-box-shadow: -2px 2px 10px 0px rgba(50, 50, 50, 0.22);
	-moz-box-shadow:    -2px 2px 10px 0px rgba(50, 50, 50, 0.22);
	box-shadow:         -2px 2px 10px 0px rgba(50, 50, 50, 0.22);
    border:0;
    padding:10px;
    flex: 1;
}