<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
div{
border: 1px solid black;
width: 100%;
table-layout: fixed;
}
</style>
</head>
<body>
<h1>CSS display: table-footer-group;</h1>
<div style="display: table;">
<div style="display: table-row;">
<div style="display: table-cell;">
Male
</div>
<div style="display: table-cell;">
30
</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
Female
</div>
<div style="display: table-cell;">
35
</div>
</div>
<div style="display: table-footer-group;">
<div style="display: table-cell;">
Total
</div>
<div style="display: table-cell;">
65
</div>
</div>
</div>
</body>
</html>