JSFiddle - React, Tailwind, and code Playground

HTML

<div class="search">                
                    <table>         

                        <tr>

                            <td> <label for="question_id"> <u><b> Question: </b></u> </label></td>
                            <td> 

                                <input type="text" name="lastname" value="Mouse">

                            </td>



                        </tr>           

                        <tr>

                            <td> <label for="race_id"> <u><b> Race: </b></u> </label> </td>

                            <td>

                            <select>

                                <option value="volvo">Volvo</option>
                                <option value="saab">Saab</option>
                                <option value="mercedes">Mercedes</option>
                                <option value="audi">Audi</option>


                            </select>


                             </td>

                        </tr>

                        <tr>

                            <td>

                                <input type="submit" value="Submit">

                            </td>

                        </tr>



                    </table>

              

            </div>

CSS

.search table{border: thin solid;  border-color: #D6D6C2;}      
            .search table tr:last-child td {text-align: center;}