JSFiddle - React, Tailwind, and code Playground

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <title>Logs </title>
    <style type="text/css">
        
       
        
    </style>
</head>
<body>
   
    <div id="wrapper">
        <div id="container">
            <div id="centralContainer">
                <div id="mainContainer">
                    <div id="contentHolderDiv" class="contentHolderDiv">
                        <div id="searchContainer" class="searchContainer">
                            <div id="searchValues" class="searchValuesDiv">
                                <div id="searchLine1" class="searchLine">
                                    <div class="firstLabel">
                                        Log ID
                                    </div>
                                    <div class="firstTextBox">
                                        <input name="ctl00$detailContentPlaceholder$txtLogID" type="text" id="detailContentPlaceholder_txtLogID"
                                            style="width: 115px;" />
                                    </div>
                                    <div class="secondLabel">
                                        Severity
                                    </div>
                                    <div class="secondTextBox">
                                        <select name="ctl00$detailContentPlaceholder$ddlSeverity" id="detailContentPlaceholder_ddlSeverity"
                                            style="width: 120px;">
                                            <option value="--Select--">--Select--</option>
                                            <option value="1">TRACKING</option>
                                            <option value="2">MINOR</option>
                                            <option value="3">CRITICAL</option>
                                        </select>
                                    </div>
                                </div>
                                <div...

CSS

.searchLine
        {
            float: left;
            width: auto;
            min-width: 700px;
            height: auto;
            margin: 1px 1px 1px 1px;
            padding: 0 0 0 0px;
            border: 1px solid Cyan;
        }
.cl{
 height:1px;
    margin-bottom:-1px;
    clear:left;
}
.searchContainer
        {
            width: 100%;
            min-width: 1000px;
            float: left;
            display: block;
            padding: 0 0 0 0px;
            margin: 0 0 0 0px;
        }
        
        
        
        
        
        .firstLabel
        {
            width: 150px;
            height: auto;
            float: left;
            margin: 0 0 0 0px;
            padding: 0 0 0 2px;
            font: normal 9pt Arial; /*border:1px solid Red;*/
            display: inline;
            clear: left;
        }
        
        .firstTextBox
        {
            width: 130px;
            height: auto;
            float: left;
            margin: 0 0 0 0px;
            padding: 0 0 0 2px;
            font: normal 9pt Arial; /*border:1px solid Orange;*/
            display: inline;
        }
        
        .secondLabel
        {
            width: 150px;
            height: auto;
            float: left;
            margin: 0 0 0 20px;
            padding: 0 0 0 0px;
            font: normal 9pt Arial; /*border:1px solid Teal;*/
            display: inline;
        }
        
        .secondTextBox
        {
            width: 130px;
            height: auto;
            float: left;
            margin: 0 0 0 0px;
            padding: 0 0 0 2px;
            font: normal 9pt Arial; /*border:3px solid Red;*/
            display: inline;
        }
        
        .btnSearchDiv
        {
            width: 575px;
            float: left;
            text-align: right;
            padding: 1px 20px 1px 0px;
            margin: 0 0 0 0px;
        }
        
        
        .searchValuesDiv
        {
            padding: 10px 0 0 20px;
 ...