Line-Height

Интересное, но - жаль - непрокомментированное - употребление line-height вот здесь: [https://htmlacademy.ru/demos/2#step18](создаётся коробочка серая с циферкой внутри… Поменял line-height, равный height, на normal…)

span{
width:80px;
height:40px;
line-height:40px;
}
strong{
width:40px;
height:80px;
line-height:80px;
font-weight:normal;
}

(О normal ясно, почему вспомнил, если кому неясно. Возможно, и так вспомнил бы).

P.S.

P.P.S.

См. ниже.

Ну я-то только что догадался…

Если хотим, чтобы горизонтальный прямоугольник шёл (вместе с цифрой внутри него) “посредине” вертикального - ставим равными height прямоугольника и его line-height.

Таков найденный мною самим ответ на поставленную мною самим задачу.