html全角标签,html – 使用表属性创建全角标题

我在div中有多个跨距,包装器显示为表格,跨度显示为表格单元格.现在我想在跨度上方显示一个标题,而不必再嵌套跨度.这是我有的：

.wrap {

width: 300px;

display: table;

}

.header {

display: table-header-group;

}

.first {

display: table-cell;

background: red;

padding: 10px;

}

.second {

display: table-cell;

background: green;

padding: 10px;

}

.third {

display: table-cell;

background: blue;

padding: 10px;

}

Header

First

Second

Third

如果您检查“标题”,它似乎填满整个100％宽度,但如果有更多文本或背景颜色,它只会扩展到第一列.

有没有办法让它覆盖所有三列,如真正的标题,而不进一步嵌套跨度？