JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<table>
    <col align="left"></col>
    <col width=20></col>
    <col align="right"></col>
    <col align="right"></col>
    <col align="right"></col>
    <col align="right"></col>

    <tr>
    
    
        <td><strong>Segment</strong> (% market)</td> 
        <td>&nbsp;</td>
        <td><strong style="text-decoration:underline;">Needs-based segment description</strong></td>
        <td><strong>Sample firmographics</strong></td>
     </tr>
  
    
    <tr >
        <td><b>Partner Seekers
(17%)
</b></td>
        <td></td>
        <td class="border_bottom border_top">Value a 'trusted partner' relationship that provides convenience and simplicity via consulting and ongoing support (e.g., strongly prefer EE services to EE equipment) but have a narrow view of the role of a utility. Minimal price sensitivity. Prefer proven technology when evaluating new energy/ infrastructure projects, and they&rsquo;re unwilling to endure potential disruption or effort to install. They&rsquo;re focused on monitoring &amp; reliability.</td>
        <td class="border_bottom">
          <ul>
            <li>57% $1-50MM rev., Commercial</li>
            <li>80% report energy is a small to moderate percent of expenses</li>
            <li>Sample industries: Education, Healthcare, Transport &amp; Logistics</li>
          </ul>
          
        </td>
       
    
    </tr>
    <tr >
      
        <td><b>Product Players
(15%)
</b></td>
        <td></td>
        <td class="border_bottom" >Give utilities “permission to play” in many product areas (e.g., storage, fuel cells, solar, EE, lighting, ET) but have little interest in services. Sensitive to upfront capital requirements, but not risk averse (e.g., tolerant of disruption, lower value on savings than most segments). There is a pain point predicting usage, but Product Players are unwilling to pay to solve it. Unmet need for safety and security. </td>
        <td class="border_bottom" >
        <ul>
          <li>Many buildings (avg....

CSS

table {   border-spacing: 0; }
    
      
        tr.border_top td {
            border-top:1pt solid black;
        }
        tr.border_bottom td {
            border-bottom:1pt solid black;
        }
        td {padding:20px;}
        
        td.border_bottom {
          border-bottom:1pt dotted black;
          }
          
          td.border_top {
          border-bottom:1pt dotted black;
          }