Иван Куликов, ко всему вышесказанному: и вместо таблицы (<table>) тоже сотворите грид. Таблицами сетку делали только в начале века.
Сейчас их используют только для верстки табличных данных.
Сначала нужно убедиться в том, что вам действительно нужны отдельные псевдоэлементы, а не, например, множественные фоны.
Если всё таки нужны именно они, то да, придется городить лишние элементы.
Хотелось бы знать, как bg связан с выравниванием текста внутри кнопки...
Впрочем вопросов на самом деле больше.
Например, зачем для каждой кнопки по два селектора, когда достаточно одного?
Какая вообще разметка?
И почему это кнопки, а не ссылки?
Но черт с ними с вопросами.
Короче:
делаете две кнопки (вероятнее ссылки)
задаете каждой по два класса
в первом, одинаковом для обеих, пишете одинаковые свойства
во втором, классе-модификаторе, разном для разного вида кнопок, пишете отличающиеся свойства типа цветов.
Но теперь могу margin с отрицательными значениями выровнять вверх. Но это не то, что я хотел
Вот ведь...
Вы двигали её зачем-то margin'ом, у вас не работало.
Я вам сказала как починить.
Теперь вам не нравится, что margin работает.
Думаю, что вам пришла пора начать изучение гридов. А по дороге флексов и позиционирования.
Инлайн-блоками перестали верстать уж скоро лет 10.
По дороге нужно определиться, будет ли эта тетка заменена на реальную фотографию. Если нет, то это не img в обертке, а псевдоэлемент. И позиционировать нужно его.
Вообще, инлайновые стили перебиваются с помощью !important
Но разумнее почитать документацию к слайдеру и указать ему подходящие настройки так, чтобы не было нужды пользоваться important. Например, css mode.
0. Для начала, знакомьтесь, это валидатор html https://validator.w3.org/nu/
Он расскажет о том, что атрибут align устарел.
1. 02 это псевдоэлемент.
Т.е. либо у вас где-то должен быть нумерованный список, у него скрыта нативная нумерация, а затем добавлены псевдоэлементы и стилизованы. Если эта нумерация нужна не как украшение, а именно для восприятия.
Либо это просто номер страниц или глав (секций) или типа того. И тогда это просто псевдоэлемент. Если это только украшения.
Этот псевдоэлемент позиционируете с помощью гридов или абсолютом.
2. Картинка, которую вы даже называете словом fon.png должна быть сделана фоном. Она ведь не содержит никакого смысла, а является только украшением.
И слеши в путях пишутся в другую сторону, так /
3. Высоту в верстке задают очень редко (например, когда надо картинку вписать в блок). Мы почти никогда не знаем сколько будет контента на реальном сайте, какого размера шрифт у пользователя и т.д. Поэтому высота блока сама подстраивается по контенту. Если очень нужно, можно задать минимальную или максимальную высоту.
<table>) тоже сотворите грид. Таблицами сетку делали только в начале века.Сейчас их используют только для верстки табличных данных.