如何排版具有共同标签的一组元素？

Question

在 Bootstrap 3 HTML 中，如何设置一组具有共同标签的元素？

我想要一个可视矩形在其中放置几个​​ HTML 元素，以便在视觉上对这些元素进行分组。必须有一个与矩形关联的标签。

也就是说，我需要用这个矩形的标签（比如“项目管理区”）来排版一个矩形。

这可能看起来像这样：

/ - 标签 - - - - - -\ | | \-----------------/

（为简化图形，我省略了矩形内的元素。）

Answer 1

可能很简单，但这很有效......

`
<div>
  <p>My Label</p>
</div>

<style>
div {
 border: 1px solid black;
 height: 50px;
 padding: 0px;}

p {
 background-color: #fff;
 margin: -10px 0px 0px 15px;
 width: 70px;}
</style>