Html 使每行的div高度相等

我有一个表格，在同一行上有不同大小的div，如下所示：

如何使标签具有相同的高度和垂直对齐：底部？

它一定很容易修复——我就是看不出我犯了什么错误。我尝试了很多东西，读了很多SO帖子，花了3个多小时试图自己解决这个问题。我被难住了

这是我的CSS和HTML：

.wrapper{
边框间距：0px 0px；
显示：表格；
字体系列：verdana；
字体大小：12px；
宽度：100%；
}
.dhtr{
显示：表格行；
}
.label01{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
框大小：边框框；
方向：ltr；
显示：表格单元格；
浮动：左；
字体大小：粗体；
填充：2px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：底部对齐；
宽度：计算（100%-15%-15%-60px-72px-15%）；/*减去所有五个div的长度*/
单词包装：打破所有；
背景色：浅绿色；
}
.label02{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
字体大小：粗体；
身高：100%；
溢出：隐藏；
填充：2px；
左侧填充：10px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：底部对齐；
宽度：15%；
单词包装：打破所有；
背景色：紫红色；
}
.标签03{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
字体大小：粗体；
溢出：隐藏；
填充：2px；
左侧填充：10px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：底部对齐；
宽度：15%；
单词包装：打破所有；
背景颜色：卡其色；
}
.标签04{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
字体大小：粗体；
溢出：隐藏；
填充：2px；
左侧填充：10px；
右边填充：10px；
文本对齐：居中；
垂直对齐：底部对齐；
宽度：60px；
单词包装：打破所有；
背景色：mediumpurple；
}
.label05{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
字体大小：粗体；
溢出：隐藏；
填充：2px；
左侧填充：10px；
右边填充：10px；
文本对齐：居中；
垂直对齐：底部对齐；
宽度：72px；
单词包装：打破所有；
背景颜色：淡绿色；
}
.标签06{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
字体大小：粗体；
溢出：隐藏；
填充：2px；
左侧填充：10px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：底部对齐；
宽度：15%；
单词包装：打破所有；
背景色：青色；
}
.dctr{
宽度：100%；
}
.content01{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
溢出：隐藏；
填充：2px；
垫底：10px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：顶部；
宽度：计算（100%-15%-15%-60px-72px-15%）；/*减去所有五个div的长度*/
单词包装：打破所有；
背景颜色：珊瑚；
}
.content02{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
溢出：隐藏；
填充：2px；
垫底：10px；
左侧填充：10px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：顶部；
宽度：15%；
单词包装：打破所有；
背景颜色：金色；
}
.内容3{
-webkit盒尺寸：边框盒；/*Safari/Chrome，其他webkit*/
-moz盒大小：边框盒；/*Firefox，其他壁虎*/
盒尺寸：边框盒；/*Opera/IE 8+*/
方向：ltr；
显示：表格单元格；
浮动：左；
溢出：隐藏；
填充：2px；
垫底：10px；
左侧填充：10px；
右边填充：10px；
文本对齐：左对齐；
垂直对齐：顶部；
宽度：15%；
单词包装：打破所有；
背景色：石灰；
}
.content04{
-webkit-box-s
<div class="wrapper">
<div class="dhtr">
    <div class="label01">License</div>
    <div class="label02">License Type</div>
    <div class="label03">Issuing Authority</div>
    <div class="label04">Years Held</div>
    <div class="label05">Expiry</div>
    <div class="label06">Restrictions</div>
</div>
<div class="dctr">
    <div class="content01">My Licence Details Description</div>
    <div class="content02">Car - Manual</div>
    <div class="content03">My Issuing Authority</div>
    <div class="content04">12</div>
    <div class="content05">01/2017</div>
    <div class="content06">None</div>
</div>
</div>

* {
    -webkit-box-sizing: border-box;        
    -moz-box-sizing: border-box;       
    box-sizing: border-box;
}
.wrapper {
    border-spacing: 0px 0px;
    display: table;
    font-family: verdana;
    font-size: 12px;
    width: 100%;
}
.dhtr, .dctr {
    display: table-row;
}
.dhtr > div, .dctr > div {
    direction: ltr;
    display: table-cell;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
    word-wrap: break-all;
}
.label01 {
    padding: 2px;
    padding-right: 10px;
    width: calc(100% - 15% - 15% - 60px - 72px - 15%);
    /* subtract the lengths of all five divs */
    background-color: aqua;
}
.label02 {
    height: 100%;
    padding: 2px 10px 10px 2px;
    width: 15%;
    background-color: fuchsia;
}
.label03 {
    padding: 2px 10px 10px 2px;
    width: 15%;
    word-wrap: break-all;
    background-color: khaki;
}
.label04 {
    padding: 2px 10px 10px 2px;
    text-align: center;
    width: 60px;
    background-color: mediumpurple;
}
.label05 {
    padding: 2px 10px 10px 2px;
    text-align: center;
    width: 72px;
    background-color: palegreen;
}
.label06 {
    padding: 2px 10px 10px 2px;
    width: 15%;
    background-color: teal;
}
.dctr {
    width: 100%;
}
.content01 {
    padding: 2px 10px 10px 2px;
    vertical-align: top;
    width: calc(100% - 15% - 15% - 60px - 72px - 15%);
    /* subtract the lengths of all five divs */
    background-color: coral;
}
.content02 {
    padding: 2px 10px 10px;
    vertical-align: top;
    width: 15%;
    background-color: gold;
}
.content3 {
    padding: 2px 10px 10px;
    vertical-align: top;
    width: 15%;
    background-color: lime;
}
.content04 {
    padding: 2px 10px 10px;
    width: 60px;
    background-color: orange;
}
.content05 {
    padding: 2px 10px 10px;
    text-align: center;
    width: 72px;
    background-color: red;
}
.content06 {
    padding: 2px 10px 10px;
    width: 15%;
    background-color: wheat;
}