html设置每列对齐方式,对齐一个HTML表格单元格的列

我想一个表格单元格对齐列其所属：对齐一个HTML表格单元格的列

_________________________________________

| | First Place | Second Place |

| | | |

_________________________________________

| 09:00 | | Break fast |

| | | 09:10 : 09:50 |

_________________________________________

但我得到的是下一个：

_________________________________________

| | First Place | Second Place |

| | | |

_________________________________________

| 09:00 | Break fast | |

| | 09:10 : 09:50 | |

_________________________________________

的HTML我正在使用的代码/ css是下一个。任何想法如何通过啃我的HTML或CSS来实现上述效果真的很受欢迎。

table.dayEvent {

background-color: rgb(221, 221, 221);

border-collapse: separate;

display: table;

margin: 0px 0px 20px 0px;

width: 570px;

}

table.dayEvent caption {

color: rgb(46, 63, 153);

font-size: 18px;

text-transform: uppercase;

font-weight: bold;

margin: 10px 0px;

text-align: left;

}

table.dayEvent thead {

border-color: inherit;

display: table-header-group;

vertical-align: middle;

}

table.dayEvent tr {

vertical-align: top;

}

table.dayEvent th {

background: rgb(238, 238, 238);

padding: 10px;

text-align: left;

font-weight: bold;

}

.noDisplay {

display: none;

}

table.dayEvent td {

background: white;

padding: 10px;

}

table.dayEvent td p {

padding: 20px;

font-size: 14px;

line-height: 20px;

}

FirstPlaceFirstPlace

09:00 

Breakfast 9:10 - 9:50

         

这将是巨大的，从一个CSS的解决方案听到！