Не могу понять почему сдвиг по размерам блоков?Суть в том что первый столбец на 1 пиксель меньше чем надо а последний на 1 больше (смог выровнять на 100% при добавлении .column-last {width:131px;} собственно убирая лишний пиксель)
.formula {
margin: 10px;
width: 500px;
border-collapse: collapse;
display: table;
}
.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;
text-align: center;
padding: 5px 0px 5px 0px;
}
.formula header {
display:table-header-group;
background-color:#ffffff;
}
.content-important {
display: table-footer-group;
background-color:#fffebc;
}
.content {display: table-row-group;}
.column-group{display: table-column-group;}
.column {
display: table-column;
background-color: #b2fdd0;
}
.column-last {
background-color: #ffbaba;
}
.content ul+ul li:nth-child(3){vertical-align: middle;}
