frvdv

спасибо, все понял. ну пришел чайник, пока еще не знает как проверять. а описание селекторов не совсем понятное.

я еще новичек в этом деле, поясните пожалуйста что значит "два ul"?

я правильно понял, что комбинация > * означает "этот блок и все починенные" или же только "подчиненные" а к самому блоку dcell это не относится?

<style> h1 { width: 700px; border: thick double black; margin-left: auto; margin-right: auto; text-align: center; font-size: x-large; padding: .5em; color: darkgreen; background-image: url("border.png"); background-size: contain; margin-top: 0; } .dtable {display: table;} .drow {display: table-row;} .dcell {display: table-cell; padding: 10px;} .dcell > * {vertical-align: middle} input {width: 2em; text-align: right; border: thin solid black; padding: 2px;} label {width: 5em; padding-left: .5em;display: inline-block;} #buttonDiv {text-align: center;} #oblock {display: block; margin-left: auto; margin-right: auto; width: 700px;} </style>Собственно понятно все кроме: .dcell > * {vertical-align: middle} прошу перевести с CSS на русский комбинацию > * сам по себе селектор * понятен.