CSSの変更？

質問

http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
のプラグインを使用してフォームを作っているのですが以下のような
場合うまく表示されません。

*はフォームのinputです。

・名前の場合
姓 *** 名***
・電話番号の場合
**-****-****

などのようにフォームの間に任意の文字を挟みたい場合どこを変更
すればいいのでしょうか？

現状ですと電話番号のフォームの場合以下のように表示されてしまいます。

***　-　-
　　***　***

htmlを見るところdivタグがjsにより付加されるようで
.jqTransformInputWrapper
.jqTransformInputInner
あたりがキーだとは思うのですがどう変更すればいいものかわかりませんでした。

詳しい方がいらっしゃいましたら宜しくお願い致します。

回答No.1

ORUKA1951

firefox( http://mozilla.jp/firefox/ )+firebug( https://addons.mozilla.jp/firefox/details/1843 )で見る限り、タグの追加はないようです。
　CSSで、単純に<lavel>要素をブロックにしてfloatさせているようです。
　<input type="text">も引き続いてfloatさせるとか、inline要素のまま並べるとか、relativeで位置をずらすか・・、それはあなたのコーディネイト次第です。
　詳しくは、上記ツールでソース(HTML/javascript/CSS)を確認してください。どう変更したら、こうなるというテストも出来ます。

お礼

早速のお返事ありがとうございます。
>それはあなたのコーディネイト次第です。
ごもっとものご意見なのですがそれすらよくわからない状態なので
質問させて頂きました^^;

もし宜しければ参考例としてでも構いませんのでアドバイスを
頂けますと幸いです。