Пользуюсь свойством
display: inline-flex, которое, как выяснилось, не работает в Safari 5 версии (версии ранее не проверял, не вижу в этом необходимость, думаю, ситуация та же). Появилось желание подключить отдельно CSS файл с иными настройками блока, который таким образом выводится криво, но проблема в том, что Google Chrome и Safari базируются на одинаковом движке Webkit, а значит все правки для Safari будут автоматически обрабатываться Google Chrome. Как можно решить эту проблему? Знаю о CSS хаках, но не нашёл пока что ни одного, который в этой версии заработает успешно. Не нашёл так же и способы подключения отдельного CSS файла отдельно для Safari 5.х. Подскажите рабочее решение. Уже руки опускаются. :(
Рабочий проект
по ссылке. Видите там заголовки, обрамлённые слева и справа горизонтальными линиями? В Safari всё иначе, заголовок съезжает налево, в некоторых случаях вроде даже линии остаются на месте, заголовок оказывается слева и как бы перечёркивается линией. Короче, не дело это.
UPD: Убрал inline-flex как посоветовал
timfcsm, но теперь в Safari отображается только линия справа! :(