Html 在一页中重叠两个单独的div

我试图建立一个按钮和面板的页面。代码以可重用的方式构建，因为此按钮将在多个页面中使用。然而，在一个特定的页面中，我们有一个显示信息的面板，现在他们想在面板标题中显示这个按钮。有谁能帮我用CSS将这两个div合并到一个单独的页面中吗

当前：

渴望的：

按钮代码：

<div>
  <p class=""><span class="fa fa-star"></span>Mark Read</p>
</div>

标记已读

面板代码：

<div class="container">

  <div class="panel panel-default">
    <div class="panel-heading">Panel Heading</div>
    <div class="panel-body">Panel Content</div>
    <div class="panel-footer">Panel Footer</div>
  </div>
</div>

小组标题
面板内容
面板页脚

您只需将其移动到标题中并删除div即可

标记已读
面板标题
面板内容
面板页脚

感谢您的回复，但是我被指示不要触摸面板代码，而是使用纯键盘将这两个部分重叠CSS@akrishna哇！是否仅使用CSS将两个不同页面中的两个html元素合并到一个新页面中？@AlbertoRhuertas，如果可能，选择“是”。我甚至不确定这是否可能，但我的任务是实施这一点，并寻求帮助来实现这一点accomplish@akrishna如果我是对的，这是不可能的CSS。您可以使用javaScript来实现这一点。