А по моему это не особо сложно.
Вы код приложите. Картинка ни о чем не говорит.
Код грязный, т.к. я мало в html css знаю, пришлось эксперементировать. P.S. флексами тоже, наверное, можно, однако я скакал от того, что хоть чуть-чуть знаю.
Для меня важно было доказать, что это реально, в первую очередь - себе.
А это куда?
поправил,
я сначала флоатами пытался, поэтому side были right и left. Одно изменил, другое нет
Пустые элементы в разметке - это очень плохо. Будет лучше, если вы переделаете на псевдоэлемент- /ты непосредственно к заголовку.
before и afer? круто, спасибо)
а нет
или можно ::before::after?
Не понимаю я как. Мне полюбому нужны относительные дивы, чтобы в них засунуть абсолютные. Мне нельзя ни от ячеек таблицы избавляться, ни от двух абсолютных элементов спозиционированных относительно высоты заголовка на 50% (к относительным процентная высота не клеится), + к тому они должны тянуться в зависимости от ширины заголовка.
Я сделала по-другому: http://codr.io/nrdoo1s
Правда с фоном могут быть проблемы. Тогда придется делать 2 псевдоэлемента.
Ваша идея с display: table; достаточно интересная. Может позже попробую использовать и ее.
ну этот то я способ знал. От него и плясал пытаясь взять плюсы и устранить минусы.
А какие еще минусы у этого способа, кроме необходимости одинакового фона?
в том и минус - что нельзя ни на какой фон поставить, кроме однородного или повторяющегося (и то не всегда)