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

img

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

img

<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>


<sup>上标,<sub>小标。
<s>删除线

是不是u标签呢?试试吧

救救孩子吧,u标签和underline都不行,直线都会断掉