div div上的Div标题如何

Question

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

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

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