Non vedo nella pagina il blocco col filetto, e forse non mi è chiaro il problema. Però potresti anche sostituire il filetto con un'immagine e spaziare i contenuti con margini e padding o attraverso word-spacing, o anche l'immagine potrebbe essere impostata come sfondo. Crea un'immagine che ti faccia da filetto, e prova a giochicchiare coi css, qui un po' di esempi (l'immagine usata che fa da filetto nel mio caso si chiama gif.gif)
codice:
<style type="text/css">
p.uno {word-spacing:3em; }
p.due {word-spacing:1em; }
p.due span {word-spacing:0;}
p.tre { }
p.tre span {margin-left:100px;}
p.quattro { }
p.quattro img {margin-left:100px; margin-right:100px}
p.cinque { }
p.cinque span {padding-right:100px;background-image:url(gif.gif);background-repeat:
no-repeat; background-position: center right;}
</style>
codice:
<p class="uno">prova1 [img]gif.gif[/img] prova2</p>
<p class="due"><span>spaziatura normale in span</span> <span>[img]gif.gif[/img]</span> spaziatura diversa in p</p>
<p class="tre"><span>prova1</span> <span>[img]gif.gif[/img]</span> <span>prova2</span></p>
<p class="quattro">prova1 [img]gif.gif[/img] prova2</p>
<p class="cinque"><span>prova1</span> <span>prova2</span> prova3</p>