Just wanted to add one more thing.. I KNOW that this is what the HTML output and CSS needs to look like to get the rows view to align correctly.. Still cannot see how to add the parts in red..

Code:
<div class="tabTable">

<div class="trRow">
<div class="productListing-heading"> … </div>
<div class="productListing-heading"> … </div>
<div class="productListing-heading"> … </div>
 </div>

<div class="trRow">
<div class="productListing-data"> … </div>
<div class="productListing-data"> … </div>
<div class="productListing-data"> … </div>
 </div>
 
</div>
Code:
.tabTable {display: table;}
.trRow {table-row;}
.productListing-data, .productListing-heading {padding: .5em 0;display: table-cell;}