CSS-таблица td выравнивание по вертикали

У меня проблема с вертикальным выравниванием по тексту на таблицах

Я глобально настроен на стол td до vertical-align: middle.

Теперь мне нужно изменить только один td на vertical-align: text-top

Проблема в том, что весь вариант, который я тестировал, установил vertical-align:text-top отображается только как верхний

("xxxx" на изображении не совпадает с "yyyy")

Только один вариант работает как text-top, и это изменяет глобальный стиль для всех td (я не хочу этого, мне нужно изменить только один td)

ИЗОБРАЖЕНИЯ

Настройка как локального стиля отображается как верхний локальный стиль http://aukro.svecpetr.com/style.png

Установка как класса отображается как верхний локальный стиль http://aukro.svecpetr.com/class.png

Изменение глобального td имеет правильный эффект текстового локального стиля http://aukro.svecpetr.com/global-style.png

ПРИМЕР вы можете найти на странице https://zbozimat.cz/test.php

Может ли кто-нибудь мне помочь?

Ответ 1

Добавьте это для div:

display: inline-block;
vertical-align: top;

И это для ввода:

display: inline-block;
vertical-align: top;