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

How to typeset a group of elements with common label?

在Bootstrap3HTML中,如何设置一组标签相同的元素?

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

也就是我需要排版一个矩形,并带有这个矩形的标签(比如"project admin area")

这可能看起来像这样:

/--Label-----------\
|                  |
\------------------/

(为图形简单起见,我省略了放置在矩形内的元素。)

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

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