JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <title>Transactions </title>
    <link href="Styles/FinancialStyle.css" rel="stylesheet" type="text/css" />
</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="transactionLine" class="searchLineTransaction">
                                    <div class="transactionTitle">
                                        Transaction Type
                                    </div>
                                    <div class="transactionOptions">
                                        <div class="optionLine">
                                            <div class="optionItem">
                                                <div class="checkBoxDescription">
                                                    SAP
                                                </div>
                                                <div class="checkBoxValue">
                                                    <input id="detailContentPlaceholder_CheckBox1" type="checkbox" name="ctl00$detailContentPlaceholder$CheckBox1" />
                                                </div>
                                            </div>
                                            <div class="optionItem">
                                                <div class="checkBoxDescription">
                                                    LT Tax
                                                </div>
                                                <div...

CSS

.searchLineTransaction
{    
    width:auto;
    min-width:700px; 
    height:auto;
    margin:1px 1px 1px 1px;
    padding: 20px 0 20px 0;
}

.transactionTitle
{
    width:150px;
    height:auto;
    float:left;
    margin:0 0 0 0px;
    padding:0 0 0 2px; 
    font:bold 9pt Arial;
    display:inline;   
}

.transactionOptions
{
    
    display:inline;
    float:left;
    height:100%;
}

.optionLine
{
    display: table;
    border: 1px solid blue;
    /*overflow:auto;*/
    width:100%;
}

.optionItem
{
    display:inline;
    float:left;
    margin: 0 0 0 25px;
}

.checkBoxDescription
{
    float:left;
    font:normal 9pt Arial;
    padding: 3px 0 0 0px;
}

.checkBoxValue
{
     float:left;
     padding: 0 0 0 5px;
}