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

Question

[709тый Самурай]

Нужно, чтобы после названия новости (слева) до даты (справа) протягивалась произвольная текстура (смотреть рисунок).
Сначала пытался задать названию новости ::after, но тогда текстура уходит за пределы блока. Мне же нужно, чтобы текстура заполняла все свободное пространство от текста до текста, от заголовка, до даты.
Вот код новости: jsfiddle.net/709th/e5ko5awh

Comments

[Михаил Горячкин]

Подправил свой ответ под ваш случай

Answer 1

[Михаил Горячкин]

В вашем случаи например так:

.cont-title {
  background-color: green;
}
.cont-title a {
  background-color: white;
  display: inline-block;
}
.cart {
    background-color: white;
}

Добавьте эти стили к своим и получите то что хотите, ну а вместо background-color: green; добавите какой надо паттерн. Если на заднем фоне тоже паттерн, то вам надо что-то типо этого:

<div class="cont-title">
	<a href="#" class="cell">
		<h1>Заголовок</h1>
	</a>
  <div class="cell cell--mid"></div>
  <div class="cart cell">Дата</div>
</div>

.cont-title {
    display: table;  
}
.cell {
    display: table-cell;
}
.mid {
    width: 100%;
    background-color: green;
}

Comments

[709тый Самурай]

Большое спасибо! )

Answer 2

[Roman Hinex]

.cont-title a и .cont-title .cart - покрасить фон в белый. .cont-title - на фон текстуру