Html 如何使用display:table cell在div周围添加填充？

我有一个图像和一个包含垂直居中文本的div。我需要div周围有填充物和边框，我希望它看起来像这样：

这是我得到的最接近的结果：

检查这把小提琴：

增加：

#image-container { display: block; margin-right: 10px; }

#image-container { display: block; margin-right: 10px; }