.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 li {
padding: 5px;
display: table-cell;
border: 1px solid #777777;
text-align: center;
vertical-align: middle;
}
.formula ul {
display: table-row;
}
.formula header{
display: table-header-group;
background-color: #ffffff;
}
.formula .content{
display: table-row-group;
}
.formula .column {
display: table-column;
background-color: #b2fdd0
}
.formula .column-group {
display: table-column-group;
}
.formula .column-last {
background-color: #ffbaba;
}
.formula .content-important{
background-color: #fffebc;
}