Здравствуйте! Просьба к знатокам оценить мой код. В частности интересует последние 3 селектора. Допустима ли такая настройка ширины ячеек или лучше настраивать отступами?
article {
margin: 10px;
background-image: url(img/wood.png);
border: 5px solid #686868;
border-spacing: 15px;
display: table;
width: 470px;
}
ul {
display: table-row;
}
li {
text-align: center;
vertical-align: middle;
border: 10px solid #686868;
display: table-cell;
}
img {
margin-top: 20px;
margin-bottom: 20px;
}
article ul:first-child li {
background-image: url(img/wall-1.png);
}
article ul:last-child li {
background-image: url(img/wall-2.png);
}
li:nth-child(2) {
width: 90px;
}
li:nth-child(1) {
width: 110px;
}
li:nth-child(3) {
width: 150px;
}