Как центральный блок растягивать занимая свободное пространство

[runyugin]

Как центральный блок "block_2" растягивать занимая свободное пространство в конструкции:

<div class="block">
       <span class="block_1">1111111</span><span class="block_2"></span><span class="block_3">111111</span>
       <span class="block_1">222222222222222222222222222222</span><span class="block_2"></span><span class="block_3">22222222222</span>
       <span class="block_1">3333333333333333333</span><span class="block_2"></span><span class="block_3">33333</span>
</div>

<style>
.block_2
  {
   border-bottom: 1px dotted #d2d2d2;
}

</style>

Цель отображать вот так:

1111111111..................................................111111
2222222222222222222222.......................................22222
333333333333333........................................33333333333

 

[funnywheel]

Для просмотра ссылки Войди или Зарегистрируйся

 

[runyugin]

Для просмотра ссылки Войди или Зарегистрируйся

точки перекрываются цветом, вариант неподходит, т.к. задний фон картинка.

 

[Q_BASIC]

точки перекрываются цветом, вариант неподходит, т.к. задний фон картинка.

Фон точек прозрачный. Что Вы хотите, если вариант выше Вам не нравится?

 

[funnywheel]

Для просмотра ссылки Войди или Зарегистрируйся
ну поменяйте картинку на бордер и используйте элементы выше, чем высота строки

что Вы написали - мне непонятно. там в пене в CSS в комментах написал - цвет для наглядности. надо под фон сайта, чтобы под блоками не было точек - сделайте фон block_1 и block_2 под цвет фона сайта, если надо, чтобы точки были видны под block_1 и block_2 - уберите цвет фона. в чем проблема?

 

[runyugin]

Для просмотра ссылки Войди или Зарегистрируйся
ну поменяйте картинку на бордер и используйте элементы выше, чем высота строки

что Вы написали - мне непонятно. там в пене в CSS в комментах написал - цвет для наглядности. надо под фон сайта, чтобы под блоками не было точек - сделайте фон block_1 и block_2 под цвет фона сайта, если надо, чтобы точки были видны под block_1 и block_2 - уберите цвет фона. в чем проблема?

я про такой вариант Для просмотра ссылки Войди или Зарегистрируйся когда перекрывать картинкой не подходит...

 

[alextw]

я про такой вариант Для просмотра ссылки Войди или Зарегистрируйся когда перекрывать картинкой не подходит...

погуглите, варианты не стандартного использования тега hr, для этих целей должно подойти.

 

[lppqq]

GOOGLE CHROME

 

[funnywheel]

я про такой вариант Для просмотра ссылки Войди или Зарегистрируйся когда перекрывать картинкой не подходит...

а зачем хорошим вы собираетесь размещать текст на изображении? вы настолько не любите своих пользователей?

Вообще, в крайнем случае, всегда есть таблицы, которые могут это сделать и есть флексбокс, который также может это сделать. А от фона-картинки в контент-блоках я бы рекомендовал отказаться.

 

[runyugin]

В примере просто обозначена задача, в настоящем дезайне все фэншуй, но фон градиентен и перекрытие неподходит как я и сказал. Есть ли у вас практичное решение?