Заполнители

В CSS, к сожалению, отсутствуют заполнители, присутствующие в полиграфической вёрстке. Допустим, нам нужно следующее:

Ширина текста может быть произвольной, а точки должны заполнять пространство до конца страницы.

Очевидно напрашивающееся решение: сделать блок DIV с фоновыми точками, внутри него положить SPAN с фоновым цветом. Но если точки крупные, та, что слева, может быть некрасиво обрезана. С однопиксельными точками такое решение пригодно.

В случае с большими точками-заполнителями можно поступить следующим образом. Создаём блок шириной 100% и с overflow:hidden, внутри него ещё один блок шириной, допустим, 5000px. Внутри него два блока с float:left, причём у правого из них фиксированная ширина (например, 2500px) и фоновая картинка — нужный нам заполнитель. Ширина левого блока с текстом из одного-трёх слов может быть произвольной. Таким образом, оба блока свободно стоят рядом, не сползая друг под друга, внутри широкого блока, большая часть которого справа скрывается внутри самого внешнего блока благодаря overflow:hidden.

Печально вот что: решение абсолютно не семантичное. Из 4 блоков значащим является только один, остальные декоративные. Ну, и справа точки тоже могут обрезаться.