JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<form class="hs-form stacked">
        <div class="hs_prenatal_product_search field hs-form-field">
            <label>Prenatal
            Product Search</label>

            <div class="hs-field-desc" style="display: none;"></div>

            <div class="input">
                <select class="hs-input" id=
                "prenatal_product_search-5649ab9f-cd95-4219-8467-f8fbbeb31612"
                name="prenatal_product_search">
                    <option value="__PLACEHOLDER__">
                        - Please Select -
                    </option>

                    <option selected="selected" value="Select one">
                        Select one
                    </option>

                    <option value="MaterniT21 PLUS">
                        MaterniT21 PLUS
                    </option>

                    <option value="VisibiliT">
                        VisibiliT
                    </option>

                    <option value="HerediT CF">
                        HerediT CF
                    </option>

                    <option value="HerediT AJP, Fragile X, or SMA">
                        HerediT AJP, Fragile X, or SMA
                    </option>

                    <option value="SensiGene RHD">
                        SensiGene RHD
                    </option>

                    <option value="NextView">
                        NextView
                    </option>

                    <option value="RetnaGene AMD">
                        RetnaGene AMD
                    </option>
                </select>
            </div>
        </div>

        <div class="hs_submit">
            <div class="hs-field-desc" style="display: none;"></div>

            <div class="actions">
                <input class="hs-button primary large" type="submit" value=
                "Submit">
            </div>
        </div>
    </form>

CSS

.hs-form.stacked .field {
margin-bottom: 18px;
}

.hs-form.stacked label {
display: block;
float: none;
width: auto;
font-weight: 700;
text-align: left;
line-height: 20px;
padding-top: 0;
margin-bottom: 4px;
}

.hs-form.stacked .actions {
margin-left: -26px;
padding-left: 20px;
}