<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
div{
border: 1px solid black;
width: 100%;
color: #fff;
table-layout: fixed;
}
</style>
</head>
<body>
<h1>CSS display: table-column-group;</h1>
<div style="display: table;">
<div style="display: table-column-group;">
<div style="display: table-column; background-color:red"></div>
<div style="display: table-column; background-color:green"></div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
Joe Root
</div>
<div style="display: table-cell;">
30
</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
David warner
</div>
<div style="display: table-cell;">
35
</div>
</div>
</div>
</body>
</html>