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

Как центральный блок "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, человек зря писал, время своё потратил.

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

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