Hyperlink 将两个并排的div与每个div中心的可变长度连杆对齐

我试图有两个div红色框并排，在每个红色框内应该有一个带边框的链接。 一个链接在两行上，而第二个链接在一行上。 链接应位于每个框的水平和垂直中心，两个框也应完全对齐

我的代码如下。我必须将链接设置为display:table cell；使两个框保持对齐。如果你有别的解决办法，我在听

* { 保证金：0； 填充：0； } 营销按钮，打印按钮{ 背景色：红色； 文本对齐：居中； 宽度：10em； 高度：10公分； 显示：内联块； } 营销链接，打印链接{ 颜色：白色； 垂直对齐：中间对齐； 显示：表格单元格； 浮动：无； 字号：1em； 边框：黄色实心2px； 文本对齐：居中； 左边距：自动； 右边距：自动； 填充：.2em； } 好的，我找到了解决办法。 每个链接应设置为显示为内联块，并应包含在显示为表格单元格的div中。 这样可以使链接垂直居中

表格单元格本身应包含在显示为内联块的div中。这允许红色框对齐，并在它们之间留出空间

以下是最终代码：

* { 保证金：0； 填充：0； } .集装箱{ 显示：内联块； } 营销按钮，打印按钮{ 背景色：红色； 文本对齐：居中； 宽度：10em； 高度：10公分； 显示：表格单元格； 垂直对齐：中间对齐； 右边距：20px； } 营销链接，打印链接{ 颜色：白色； 显示：内联块； 浮动：无； 字号：1em； 边框：黄色实心2px； 文本对齐：居中； 填充：.2em； }

---

我找到了一种方法，将父div显示为单元格表，子div显示为内联块，从而使链接居中。但是，这会删除两个div之间的空间。。。我希望得到相同的结果，但两个红色方块之间的空间。