Центрирование строк

[Степан]

Уважаемые пользователи, кто может подсказать, как центрировать строки форумов и тем? Чтобы в строке, как на картинке, слово "Австрия" было у середины флага, и на том же уровне были числа тем и сообщений.
Сразу скажу, что слово "Австрия" не вылезает сильно выше границ флага потому, что в шаблоне темы есть такой код:

Код: Выделить всё

li.row dl.icon dt a.forumtitle {
   display: inline-block;
   padding: 8px 0 0 0 !important;
}


Попытка вставить vertical-align: middle ни к чему не привела.
Спасибо.

[Sumanai]

Без скриптов никак. Вертикальное выравнивание в HTML- это боль.
Разве что Flexbox спасает. Добавляем в конец стилей что- то типа

Код: Выделить всё

ul.topiclist li.row dl {
    align-items: center;
    display: flex;
}

dl.icon dt .list-inner {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
}

.forum-image {
    padding-top: 0;
}

li.row dl.icon dt a.forumtitle, li.row dl.icon dt a.topictitle {
    padding: 0 !important;
}

.subforums-list {
    display: block;
    flex: 1 100%;
    padding-top: 2px;
}

ul.topiclist dd {
    padding: 0;
}

.forum-description {
    flex: 1 1 100%;
}

Стили для адаптивного дизайна выдумывайте сами, так же как и кроссбраузераность, мне некогда.

[Amney]

Вертикальное выравнивание в HTML- это боль.

Неужели все так плачевно?

[Степан]

А есть код, который просто выравнивает строку по центру, как в таблицах Word?

[Sumanai]

Неужели все так плачевно?

Да.

А есть код, который просто выравнивает строку по центру, как в таблицах Word?

По центру чего?
В том то и проблема, что блоки занимают по высоте столько, сколько в них содержимого. Если там одна строка, то она и будет занимать одну строку.
К тому же указание высоты в процентах не действует, если у родителя высота не задана жёстко или наследуется от жёстко заданного.
А разве тот код, который я привёл, не решает проблему?

[Степан]

Не решает.
Если невозможно выровнять, то что ж, придётся всё вернуть к тому, как было.
Мне всего-то надо, чтобы название подфорума было посередине строки тогда, когда у подфорума нет описания.

[Dr.Death]

Код: Выделить всё

.forum-image { margin:0; padding:0; float:none; display:inline-block; vertical-align:middle; }
.forum-image + a { display:inline-block; vertical-align:middle; }

Но подфорумы уедут

Добавлено спустя 2 минуты 52 секунды:
Как вариант

Код: Выделить всё

.forums dl:not(.forum_unread_subforum) .forum-image { margin:0; padding:0; float:none; display:inline-block; vertical-align:middle; }
.forums dl:not(.forum_unread_subforum) .forum-image + a { display:inline-block; vertical-align:middle; }

Но .not() надо добавлять все варианты, я вижу тока один

Добавлено спустя 5 минут 17 секунд:

Код: Выделить всё

.forums dl:not([class*="subforum"]) .forum-image { margin:0; padding:0; float:none; display:inline-block; vertical-align:middle; }
.forums dl:not([class*="subforum"]) .forum-image + a { display:inline-block; vertical-align:middle; }

[Степан]

Так что, в итоге, вставлять?

[Dr.Death]

Ну чем дальше тем новее, но все гонит

[ЖЪРЧИК]

Перфекционисты