CSS вычисляется, показывая text-align: центр применяется, но не тот же результат в выводе html

Question

Я не могу переварить эту проблему.явно объявленное мной свойство text-align css p.dropify-infos-message перезаписывает form p.

Также вычисленный css показывает удар по свойству form p css и показывает, что text-align: center применяется из p.dropify-infos-message.тогда почему текст, отображаемый на веб-странице, все еще выровнен по левому краю?

Примечание: если я сниму флажок с формой p {text-align: left;}, то это сработает.но это не должно быть логическим объяснением.

Answer 1

Я просто заметил, что вы меняете свойство css другого класса (.dropify-infos-message), которое не связано с текстом, который вы хотите выровнять по центру.Измените класс .dropify-message вместо класса .dropify-infos-message, чтобы выровнять этот текст по центру.

Answer 2

Пожалуйста, попробуйте это css:

p.dropify-infos-message {width: 100%;Дисплей: сгибать;justify-content: центр;}

Answer 3

Я думаю, это зависит от div с именем класса .dropify-infos-inner, сделайте его шириной 100% и посмотрите.