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

Как центральный блок "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>

Цель отображать вот так:
http://javascript.ru/forum/attachmen...d=145391724 9

runyugin,
тоесть ты сам точки не можешь поставить надо на js реализовать?)

DynkanMaclaud,
а без js сможешь?

рони,
я задание видимо не понял(((((

А возможно ли? На JS понятно как: вычисляем ширину блока слева, ширину блока справа и присваиваем центр блоку оставшуюся возможную

window.outerWidth - leftnum.offsetWidth - rightnum.offsetWidth;

destus,
копать надо в сторону flex

я про такой вариант http://codepen.io/anon/pen/GodqZx когда перекрывать картинкой не подходит...

сложно было загуглить "flex" и почитать: FLEX, человек зря писал, время своё потратил.

это вы кому? и если у вас есть вариант решения не могли бы его показать?

не понял и тут, что картинкой перекрыто?

На сообщение выше, обёртке display: flex; а блоку который надо растянуть width: 100%;, вот и всё решение.

рони, вот держи: https://jsfiddle.net/ohut3ogb/1/ проще выдумать нельзя я думаю.

однако пробовал ...
спасибо ... но мне интересно есть ли решение, для того html, что предложил ТС в первом посте, у меня не вышло.

Не правильная вёрстка в первом посте, нас ещё не кто не избавил от container>row>column пример тому сетка bootstrap или table>tr>td по другому не как. Или рассчитывать нужную ширину с помощью js, как было написано выше.

runyugin,
можно вот такhttps://jsfiddle.net/daniilKhanin/crxghrso/ но тут нужно указывать ширину левого и правого блока...