在两个边界之间写？

Question

我想在两个边界之间写这样的：

我尝试在CSS中设置我的边框样式，但我不知道如何在这个边框写字：

.my_class {
  border: 2px solid;
}

有没有人知道如何将文字放在边框顶部？

Answer 1

您可以这样做：

HTML

<div> 
    <span>
        Product you may like
    </span>
</div>

CSS

div {
    width: 500px;
    height: 500px;
    background-color: #fff;
    text-align: center;
    border: 2px solid black;
}
span {
    background-color: white;
    position: relative;
    top: -10px;
    padding: 0 10px;
}

<强> Fiddle Demo

Answer 2

在span元素中添加文本，并将其CSS设置为：

span {
    display:inline-block;
    margin:-20px auto 0;
    background:white;
    padding:0 10px;
}