вопрос

Ну вот такое нужно сделать, надпись она может меняться и быть разной длины, но всегда находится в центре блока, а волнистые линии (картинка repeat-x) они должны занимать все оставшееся место. Подскажите, как такое можно реализовать?

Ну вот такое нужно сделать, надпись она может меняться и быть разной длины, но всегда находится в центре блока, а волнистые линии (картинка repeat-x) они должны занимать все оставшееся место. Подскажите, как такое можно реализовать?
не усложняйте простые вещи:
<div class="bg">
<span>Двери</span>
</div>
.bg {
backgroung: url(путь к картинке) repeat-x 0 0;
text-align: center;
}
.bg span {
display: inline-block;
padding: 10px;
bacground: #fff;
}