In my wordpress theme page heading \[code\]<?php the_title(); ?>\[/code\] .My Css: \[code\]#page h1.pagetitle { width:auto; text-align:left; font-size:30px; padding:25px 40px 25px 0px; text-transform:uppercase; } #page h1.pagetitle span{ background:#202020; padding:5px 40px 5px 10px; }\[/code\]Html:\[code\]<h1 class="pagetitle"><span><?php the_title(); ?></span></h1> \[/code\]I want background image like arrow ribbon like this sample http://www.123rf.com/photo_12816420_green-arrow-ribbon-on-wooden-desk.htmlI can place background Image directly or using background image with repeat-x.But My page title text span width is not fix at all the time. Each page is with different page title .So I want to use two Image portion 
ne with rectangular behind text using repeat-x and:second with arrow (triangular) just after end of text string.this way I can get the arrow image for any page title text.Suggest me how can I get this?
ne with rectangular behind text using repeat-x and:second with arrow (triangular) just after end of text string.this way I can get the arrow image for any page title text.Suggest me how can I get this?