実線と破線(点線)の下線を付けたい。

質問

実線と破線(点線)の下線を付けたい。
同じ文字に実線と破線の下線を付けたいので
　<span style="border-bottom:dashed; border-bottom-width:1px;">あ<u>い</u>う</span>
としたところ、IEでは見やすく表示されたのですが、FireFoxでは実線と破線がくっついてしまい、見やすくありません。
これを離して表示させるにはどうしたらいいのでしょうか。

回答No.2

naokita · ベストアンサー

<p style="border-bottom:1px dashed; padding-bottom: 2px;">
あ<span style="border-bottom:1px solid;">い</span>う
</p>

お礼

この方法を参考に
　<span style="border-bottom:dashed; border-bottom-width:1px; padding-bottom:2px;">あ<u>い</u>う</span>
とすることにしました。

回答No.1

rurino

<span style="border-bottom:1px dashed;">あ<span style="border-bottom:1px solid; margin: 0 0 1px;">い</span>う</span>

ではいかがでしょうか。

margin: 0 0 1px　の1pxの値を増やすと、間隔が広がりますので
好みのバランスで。

お礼

回答ありがとうございます。
IEでは有効でしたが、残念ながらFireFoxではうまくいかないようです。