div 边框上的 div 标题如何

Question

如何使用 Div 为框标题放置如下所示的文本。我可以用来放置div 标题的任何 CSS，就像在示例中一样？

例如，带有文本的div的顶部边框线将看起来

----标题---------

Answer 1

您可以使用

以下 HTML：

<div>
    <h1><span>Div title</span></h1>
</div>

使用以下 CSS：

div{
    border: 1px solid #000;
    width: 200px;
    height: 200px;
}
div h1{
    text-align: center;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
}
div h1 span{
    background-color: white;
}

http://jsfiddle.net/MeeW2/