JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divTable" style="width: 100%;">
  <div class="divTableBody">
    <div class="divTableRow">
      <div class="divTableCell Titles" style="width: 120px">&nbsp;Title</div>
      <div class="divTableCell">
        Manager marketing
      </div>
      <div class="divTableCell">Application Deadline</div>
      <div class="divTableCell">
         22.04.2012
      </div>
    </div>
    <div class="divTableRow">
      <div class="divTableCell">Reporting To</div>
      <div class="divTableCell">
        XXXXXXxxxxXXXXXXXXXXXXXXXXXXXXXx
      </div>
    </div>
  </div>
</div>

CSS

.divTable {
    display: table;
    width: 100%;
  }
  
  .divTableRow {
    display: table-row;
  }
  
  .divTableHeading {
    background-color: #EEE;
    display: table-header-group;
  }
  
  .divTableCell,
  .divTableHead {
    border: 1px solid #999999;
    display: table-cell;
    padding: 3px 10px;
  }
  
  .divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
  }
  
  .divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
  }
  
  .divTableBody {
    display: table-row-group;
  }
  
  .Titles {
    background-color: Red;
    color: White;
  }
  

.divTableRow:nth-child(1) .divTableCell:nth-child(2) {
  border-bottom-width : 0;
}

.divTableRow:nth-child(2) .divTableCell:nth-child(2){
  border-top-width: 0;
}