文字和下划线之间的空格

我正在使用text-decoration:underline; 但是文字和下划线是相互接触的。我可以在文字和下划线之间增加空格吗?

替代文字http://www.freeimagehosting.net/uploads/185f4eea14.jpg这一个。 我想在文字和下划线之间留出空间。

要么使用不同的字体,要么使用border-bottom这样就可以用padding-bottom控制空间。

我有同样的问题,然后我用:

 .underline_text { border-bottom: solid 2px #000000; display: inline; padding-bottom: 3px; }