100%
article {
width: 470px;
display: table;
border: 5px solid #686868;
background-image: url(“img/wood.png”);
border-collapse: separate;
border-spacing: 15px;
margin: 10px;
}
ul {
display: table-row;
}
li {
display: table-cell;
padding: 20px;
border: 10px solid #686868;
text-align: center;
background-image: url(“img/wall-1.png”);
}
ul:last-child li {
background-image: url(“img/wall-2.png”);
}
article li:first-child {
width: 70px;
}
article li:last-child {
width: 110px;
}
100% прохождение без фиксированной высоты, если есть что подправить поделитесь)
article {
width: 470px;
display: table;
border: 5px solid #686868;
border-collapse: separate;
border-spacing: 15px;
margin: 10px;
background-image: url(“img/wood.png”);
}
ul {
display: table-row;
box-sizing: border-box;
}
li {
display: table-cell;
border: 10px solid #686868;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
}
ul:first-child li{
background-image: url(“img/wall-1.png”);
}
ul:last-child li{
background-image: url(“img/wall-2.png”);
}
li:first-child {
padding: 20px 0px;
width: 130px;
}
li:last-child {
padding: 20px 0px;
width: 170px;
}