JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head id="Head1">
</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="entryValues" class="displayDiv">
<div id="rateSection">
<div id="federalRateDiv" class="dataLine">
<div class="fixedColumnDescription">
Federal Rate:
</div>
<div class="fixedColumnValue">
<span id="detailContentPlaceholder_lblFederalRate">123456789</span>
</div>
<div class="fixedColumnDescription">
Federal Salta:
</div>
<div class="fixedColumnValue">
<span id="detailContentPlaceholder_lblFederalSalta">AA</span>
</div>
<div class="fixedColumnDescription">
Federal Wage Base:
</div>
<div class="fixedColumnValue">
<span id="detailContentPlaceholder_Label1">251234567895555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm5555555555</span>
</div>
</div>
...
CSS
.fixedColumnDescription
{
width:100px;
min-height:35px;
float:left;
margin:0 0 0 0px;
padding:0 0 0 2px;
font:normal 9pt Arial;
display:inline;
border:1px solid Cyan;
background-color: Yellow;
}
.fixedColumnValue
{
width:auto;
min-height:35px;
float:left;
margin:0 0 0 0px;
padding:0 0 0 2px;
font:normal 9pt Arial;
display:block;
border:1px solid Red;
word-wrap: inherit;
}
.dataLine
{
width:95%;
min-width:950px;
height:auto;
margin:1px 1px 1px 1px;
padding: 0 0 0 0px;
/*border:1px solid Red;*/
}
.displayDiv
{
padding:0 0 0 0;
margin: 0 0 0 0;
width:100%;
min-width:1000px;
/*border:1px solid Cyan;*/
}