Mówiłem zrobić to na DIV'ach. Bez obrazków na samych znakach:
<div class="content">
<div class="row"></div>
<div class="text-line">
<div class="col-char-left"></div>
<div class="col-char-right"></div>
imię: Bla bla bla vfvsdfsdfsd
</div>
<div class="text-line">
<div class="col-char-left"></div>
<div class="col-char-right"></div>
Nazwisko: Bla bfsdfsd
</div>
<div class="row"></div>
</div>
i CSS:
div.row {
width: 400px;
overflow: hidden;
white-space: nowrap;
}
div.row::after {
content: '***************************************************************************************************************';
}
div.text-line {
text-align: center;
width: 400px;
overflow: hidden;
white-space: nowrap;
position: relative;
}
div.col-char-left {
position: absolute;
}
div.col-char-left:before {
content: '*';
}
div.col-char-right {
position: absolute;
left: 98%
}
div.col-char-right:after {
content: '*';
}