css/html: вывод элементов, занимающих высоту не больше заданной

подскажите, можно ли с помощью css/html без привлечения js реализовать следующее:

есть блоки div одинаковой высоты, но разной ширины (в зависимости от содержащегося в них текста) - по сути это "строковые теги", типа [мама] [папа] [братишка] [сестренка]

когда тегов много, то они могут занимать несколько строк, типа

[мама] [папа] [братишка]
[сестренка] [бабушка]
[дедушка] [жучка] [внучка]

можно ли ограничить вывод тегов некоторой максимальной шириной, так чтобы МАКСИМУМ выводилось 2 строки (если тегов хватает только на 1 строку - выводится 1 строка тегов)

P.S.

более сложный вопрос - если это возможно, то можно ли это как-то засекать (пусть и с использованием js), чтобы в таком случае выводить дополнительный тег/развертку

[мама] [папа] [братишка]
[сестренка] [бабушка] [...]

P.P.S.

конечно все это можно реализовать через подсчет длины слов внутри тегов и т.д., т.е. с использованием JS, но встал вопрос - можно ли это как-то сделать без оного