На моей странице заголовок и раскрывающийся список отображаются по-разному в Chrome и Firefox, хотя CSS и HTML одинаковы для обоих браузеров

Question

У меня есть страница, на которой заголовок и раскрывающийся список являются встроенными, но эта страница выглядит по-разному в Chrome и Firefox, даже несмотря на то, что классы HTML и CSS одинаковы, для определенного браузера не существует определенного CSS или стиля.

заголовок не в центре в Chrome, но в Firefox заголовок находится в центре, а выпадающий - справа без пробелов.

После CSS

.h2 {
    padding: 9px 7px;
    margin: 0;
    color: #2b6dd1;
    background-color: #FFFFFF;
    font-weight: 600;
    font-size: 22px;
    text-align: center;
    margin-left: 25% !important;
}

Я хочу, чтобы заголовок в центре и выпадающий справа как в браузере Chrome, так и в Firefox.

Пожалуйста, помните, что я использовал выпадающий поиск.

Answer 1

Они являются различными веб-навигаторами, поэтому они не читают код одинаково, вы должны добавить некоторые префиксы, чтобы сделать ваш код читабельным для всех из них.

-webkit //chrome
-moz- //firefox
-o- //Opera
-mz- //Internet Explorer

Самый распространенный веб-навигатор - Google Chromeпотому что он работает лучше и имеет больше функций (я работал с Chrome и Edge, и я рекомендую Chrome).

Я оставляю вам ссылку здесь на веб , где вы можете узнать большеоб этом