Html 边缘动画赢得'；t跟随显示：内联块规则

我是一名平面设计师，从缪斯走向Dreamweaver，学习HTML，将当前客户的网站打造成我的第一个非缪斯网站（好吧，好吧，我从Bootstrap开始，但会越来越好！）

以下是正在进行的测试：

我需要所有这些边缘动画坐在一起，彼此，并'紧'。它们都在不同的z-指数上，如果一个在另一个上冒泡，我很同意

    <div class="cover-container">
              <!-- Edge Animate Buttons-->
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
      <object id="demobutton" type="text/html" width="170" height="170" data-dw-widget="Edge" data="edgeanimate_assets/demo-button/Assets/demo-button.html"></object>
    </div>

及

没有骰子。 此外，我需要使他们所有的链接。。。试了第一个，我什么也没得到。我相信这很简单

这是一个JSFIDLE，请在编写代码时撕开代码中的任何低效之处！

---

如果您提供一个小的自包含示例，其中包含的代码刚好足以演示问题，而不需要任何额外的说明，您将获得更好的答案。将此代码发布到问题中，并在JSFIDLE（JSFIDLE.net）中发布。这样做可能会有很多工作，但这是解决问题过程中的关键部分。哇。真尴尬。我将显示样式规则应用于单个按钮，而不是封闭容器。哎呀。有谁能帮我弄一下可链接的部分吗？尝试了一种显而易见的方法，将目标代码放在文本将进入的常规链接中，但一无所获。

#demobutton {
    display: inline-block;
}

#demobutton {
    display: inline;
}