什么标签能实现如图效果？试了underline不行。。

Question

Answer 1

感觉是容器的border-bottom，然后position:relative定位，改下bottom进行定位，示例代码如下，感觉实现上不怎么好，但是效果时出来了，嘿嘿。。题主不是直接查看源代码就知道了

<div style="border-bottom:solid 1px #000;display:inline-block;">
    <div style="position:relative;bottom:-4px">
        In witer <strong style="position:relative;bottom:-5px;line-height:30px;font-size:30px;font-family:Arial">In jkgsummer</strong> I have to go to bed
    </div>
</div>
<br /><br /><br />
<div style="border-bottom:solid 1px #000;display:inline-block;">
    <div style="position:relative;bottom:-4px">
        In witer <strong style="position:relative;bottom:-20px;line-height:30px;font-size:30px;font-family:Arial">And jkgthe sun</strong> I have to go to bed
    </div>
</div>
<br /><br /><br />
<div style="border-bottom:solid 1px #000;display:inline-block;">
    <div style="position:relative;bottom:-4px">
        In witer <strong style="position:relative;bottom:-10px;line-height:30px;font-size:30px;font-family:Arial">Cape Jkgof a Sudden</strong> I have to go to bed
    </div>
</div>
<br /><br /><br />
<div style="border-bottom:solid 1px #000;display:inline-block;">
    <div style="position:relative;bottom:-4px">
        In witer <strong style="position:relative;line-height:30px;font-size:30px;font-family:Arial;bottom:4px">Cape Jkgof a Sudden</strong> I have to go to bed
    </div>
</div>