Dialogflow возвращает ответы с доверительной оценкой ниже порога классификации мл

Вы должны применить vertical-align: middle к обоим элементам, чтобы они были идеально центрированы.

  
  Perfectly centered

Принимаемый ответ центрирует значок около половины x-высоты текста рядом с ним (как определено в спецификациях CSS ). Который может быть достаточно хорош, но может немного немного выглядеть, если в тексте есть восходящие или нисходящие линии, расположенные сверху или снизу:

[/g6]

Вкл. влево, текст не выровнен, справа он показан выше. Живая демонстрация может быть найдена в этой статье о вертикальном выравнивании .

Кто-нибудь говорил о том, почему vertical-align: top работает в сценарии? Изображение в вопросе, вероятно, выше текста и, таким образом, определяет верхний край строки строки. vertical-align: top на элементе span затем просто позиционирует его в верхней части строки строки.

Основное различие в поведении между vertical-align: middle и top заключается в том, что первый элемент перемещается относительно базовой линии (который размещается там, где необходимо для выполнения всех вертикальных выравниваний и, таким образом, чувствует себя скорее непредсказуемым ), а вторая относительна к внешним границам окна линии (что более ощутимо).