Html 如何将表格行彼此相邻放置？

我一直在尝试设计一个像这样的桌子

正如您在截取的代码中所看到的，表行不是相邻的。表格行将自身置于上述表格行的下方。我应该添加或更改什么以使它们像图片中的一样彼此相邻

table.roomth{
左边框：0无！重要；
背景色：#5a97ee；
填充：6px 8px；
保证金：0；
颜色：#fff；
字体大小：粗体；
字体大小：小；
}
桌上。房间稳定{
宽度：100%；
}
表1.1{
}
表1.roomstable th#价格#突出显示{
宽度：76px；
最小宽度：76px；
背景：#00357f；
文本对齐：居中；
}
th#price#u highlight div.price-highlight-inner{
位置：相对位置；
保证金：0；
填充：0；
}
.房间面积th.CANWARP{
空白：正常；
}
.btn装订包装.btn acb{
宽度：100%；
最小宽度：110px；
颜色：#fff！重要；
字体大小：13px！重要；
}
.btn装订包装.btn acb{
边界塌陷：塌陷；
底部：0px；
盒影：rgb（170170170）0px 0px 3px 0px；
颜色：rgb（255、255、255）；
光标：指针；
高度：33像素；
左：0px；
最小高度：0px；
最小宽度：110px；
位置：相对位置；
右：0px；
顶部：0px；
垂直对齐：中间对齐；
宽度：121px；
列规则颜色：rgb（255、255、255）；
透视原点：60.5px16.5px；
变换原点：60.5px16.5px；
背景：rgb（8150255）无重复滚动0%0%/自动填充框边框框；
边框：2个实心rgb（255、255、255）；
边界半径：3px 3px 3px 3px；
字体：标准粗体标准13px/19.5px-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线字体；
轮廓：rgb（255、255、255）无0px；
填充物：5px10px；
}
.btn装订包装.btn acb:悬停{
背景色：#003580；
}
表1.roomstable td.room-type-container{
右边框：1px实心#5a97ee！重要；
}
.床的类型{
利润率：16px 8px；
线高：1.4；
}
.床位类型{
背景#e5ebfb；
填充物：5px10px；
边界半径：4px；
}
.床位类型标签{
显示：表格；
字体大小：13px；
}
.床单标签{
字体大小：粗体；
垂直对齐：顶部；
}
.床型选择{
显示：表格单元格；
垂直对齐：顶部；
右侧填充：5px；
}
.命名床位类型{
显示：内联块；
列表样式类型：无；
填充：0；
保证金：0；
}
.客房选择{
边缘底部：13px；
字体大小：13px；
字体重量：较轻；
颜色：#390；
显示：块；
利润上限：3倍；
}
.包括价格税{
字体大小：13px；
文本对齐：左对齐；
}
.房间选项{
清除：左；
/*左侧填充：0！重要*/
左侧填充：4px！重要；
}
表1.1-1:td{
左边框：1px实心#96b2d9；
填充：6px；
}
.bb{
边框底部：1px实心#96b2d9；
}

住宿类型
马克斯
一晚的价格
你的选择
量
确认您的预订
在此处显示预订摘要
1已选择房间
BAM 60
包括早餐在内
储备
选择您的床：


一张单人床