将文本划分为<hr>行

Question

我怎么能用这个效果<hr>？包含内容的Div将结束<hr>.怎么做？

这是我的jsfiddle:http: //jsfiddle.net/fnaYs/.我不知道如何将此文本放入图像框中.有解决方案吗

之后,我想将这个布局添加到wordpress,所以我想把文本放入<div>或另一个元素,而不是在css文件中.

Answer 1

当您将position变量的属性设置为时relative,它基本上意味着元素的位置相对于浏览器.

因此,当你说top:-5px;这意味着你要求浏览器将你的元素放在实际应该位置的5个像素上方时..

您所要做的就是将CSS的top属性设置为某个负值.像这样:

<hr />
<div style="position:relative;top:-5px;">DIV CONTENT</div>

替换-5px你的要求......