JSFiddle - React, Tailwind, and code Playground
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
<title>Business Process Activity </title>
<link href="Styles/ExpandableSearchResultStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form method="post" action="Business.aspx" id="form1">
<div id="wrapper">
</br>
</br>
<div id="container">
<div id="centralContainer">
<div id="mainContainer">
<div id="contentHolderDiv" class="contentHolderDiv">
<div id="searchContainer" class="searchContainer">
<div id="searchHeader" class="searchHeader">
<span id="detailContentPlaceholder_lblSearchHeading" class="searchContentHeadingText">
Business Testing Act</span>
<img alt="Expand" src="Images/PlusIcon.GIF" class="expandSearchIcon" />
<img alt="Collapse" src="Images/MinusIcon.GIF" class="collapseSearchIcon" />
</div>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
</div>
</div>
</form>
</body>
</html>
CSS
#container
{
padding-top:10px;
}
.searchContainer
{
width: 100%;
min-width: 1000px;
float:left;
display:block;
padding: 0 0 0 0px;
margin:0 0 0 0px;
}
.searchHeader
{
width:100%;
border-bottom:2px solid #fcda55;
padding:0 0 2px 0;
margin:0 0 0 0px;
font:bold 13pt Arial;
line-height:10pt;
color:#00A6B5;
overflow: auto; /* Right here */
}
.searchContentHeadingText
{
font: Bold 13pt Arial;
line-height:18pt;
color:#2377D1;
float:left;
padding:0px 0 3px 0;
margin:0 0 0 0;
text-align:left;
}
.searchDescription
{
font:normal 9pt Arial;
padding:0px 0 15px 0;
color: #2377D1;
}
.expandSearchIcon
{
float:right;
padding:0 0 3px 0;
display:none;
}
.collapseSearchIcon
{
float:right;
padding:0 0 3px 0;
}