html - 如何在 CSS 中复制这种效果？

Question

http://i.imgur.com/Ta7cZ.png

Who 右边的部分有 ----------

是李的背景吗？关于如何创建类似的东西，我真的是一片空白。

Answer 1

给你弄乱这个。

http://jsfiddle.net/fjZfL/3/

HTML:

<div id="box">
    <h2>who?</h2>
    <p>I am 22 Year old designer …</p>
</div>

CSS:

#box {
    width: 200px;
    height: 150px;
    background: #eee;
    padding: 0 8px;
}
h2 {
    display: inline-block;
    padding: 18px 4px 0 10px;
    margin: 0;
    background: #eee;
}
p {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
    margin-top: -10px;
}