CSS – Как разместить контент между границами столбца ⇐ CSS

[Anonymous]

Я думаю, что этот вопрос лучше подходит для «шоу», не говори. Итак, я начну со снимка экрана моего текущего дизайна:


Я хочу, чтобы время показывалось между заголовками столбцов, возможно ли это вообще? Я хочу сделать это статически прямо сейчас, у меня 16 столбцов. Технически у меня 17, но я хочу, чтобы время отображалось от первой строки столбца до последней, вот так:


И если есть способ немного расширить границы столбцов вверх, это тоже было бы неплохо!
Вот мой код в JSFiddle: https://jsfiddle.net/zqu3n1jw/1/
Вот код:




6:00
7:00
8:00
9:00
10:00
11:00
12:00
13:00
14:00
15:00
16:00
17:00
18:00
19:00
20:00
21:00
22:00




{{ activity.name }}
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool




TOTAL
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool
Cool







Подробнее здесь: https://stackoverflow.com/questions/784 ... mn-borders