10/18 не туда вложенность

Курсы §29. Таблицы на CSS
1

почему все строки вложились в первую колонку header? не могу придумать, как это устранить

.formula {
    margin: 10px;
    width: 500px;
    border-collapse: collapse;
    display:table;
    border:1px solid #777777;
}

.formula p {
    margin: 0;
    padding: 10px;
    font-size: 20px;
    display:table-caption;
    caption-side:bottom;
    text-align:center;
}

.formula  ul{
    display:table-row;
}

.formula li{
    display:table-cell;
    border:1px solid #777777;
    width:125px;
}

.formula header{
    display:table-header-group;
}
2

Продолжайте группировать ячейки. Как только вы расставите все необходимые свойства display, всё встанет на свои места.

4

Я сначала тоже был обескуражен подобным поведением…

Но, все же, объясните пожалуйста - почему так происходит?

5

Я сначала тоже был обескуражен подобным поведением…

Но, все же, объясните пожалуйста - почему так происходит?

6

а происходит это потому что как и некоторые другие ученики не понимают (потому что не раскрыта суть) свойства display:table-row-group, в описании только говорится что это аналог tbody, а где рассказывается от tbody?

1 лайк