JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
                    <div class="col-md-3 col-sm-3 col-xs-3">
                        <p class="classPadBottom0">Credit Card Number:</p>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 ClsUnderline ClassPad0">
                        <p>&nbsp;</p>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-2 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
                        <p class="classPadBottom0">Exp. Date:</p>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 ClsUnderline">
                        <p>&nbsp;</p>
                    </div>
                </div>

CSS

.classPadBottom0 {
    padding-bottom: 0px !important;
}
.ClsUnderline {
    border-bottom: 1px solid #e6e6e6;
}
.ClassPad0 {
    padding: 0px !important;
}