JSFiddle - React, Tailwind, and code Playground
by Kishore Polsani
HTML
<div class="inside">
<div class="toolbar-container region-dropdown">
<button class="btn btn-icon"><i class="icon-ico_user_male_lg" padding-right="500px"></i><span>Customer Sign In or Register</span>
</button>
<div class="clear"></div>
<div class="parbase generic-list list cq-analyzable section">
<h3>Customer Sign In</h3>
<ul class="unstyled default" style="display: none;">
<li>
<p> <a href="http://my.gepower.com.html" title="My Dashboard" class="has-icon">
My Dashboard<i class="icon-ico_arrowright_sm grl-icon-after"></i>
</a>
</p>Heavy-duty gas turbines, steam turbines, generators & nuclear (customers)</li>
<hr>
<li>
<p> <a href="https://www.ge-distributedpowerportal.com/aeroportal.html" title="Aero Services Portal" class="has-icon">
Aero Services Portal<i class="icon-ico_arrowright_sm grl-icon-after"></i>
</a>
</p>Aeroderivative gas turbines (customers)</li>
<hr>
<li>
<p> <a href="https://information.jenbacher.com.html" title="Jenbacher Web Portal" class="has-icon">
Jenbacher Web Portal<i class="icon-ico_arrowright_sm grl-icon-after"></i>
</a>
</p>Jenbacher reciprocating engines (channel partners & customers)</li>
<hr>
<li>
<p> <a href="https://ge-distributedpower.com/customer/my-dashboard.html" title="Waukesha Web Portal" class="has-icon">
Waukesha Web Portal<i class="icon-ico_arrowright_sm grl-icon-after"></i>
</a>
</p>Waukesha reciprocating engines (channel partners & customers)</li>
<hr>
...
CSS
div.inside {
width: 25%;
float:left;
border-right: 5px solid white;
background-color: blue;
box-sizing:border-box;
-moz-box-sizing:border-box;
/* Firefox */
-webkit-box-sizing:border-box;
/* Safari */
}