div div上的Div标题如何

Question

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

例如，带文字的div的顶部边框线将显示为

---- Div Title ---------

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/