Html CSS-使同级div具有相同的高度

请看

这有小文本
最小文本
我认为这应该有一个相当大的文本
让这个文本最大，看看其他同级div的行为如何。我想有些东西可能会管用，有些东西不会。。让我们开始吧！

---

要求是使所有div具有相同的高度。请确保这些内部DIV不应有任何滚动条，并且3个DIV应取最大DIV的高度。请仅在CSS中进行更改。

使用

显示：内联块

而不是

浮动：左

，以使它们保持在同一行并填充父级

#outer {
    display: inline-block;
    border: 4px solid darkgreen;
    border-radius: 10px;
}
.innerdivs {
    display: inline-block;
    margin: 5px;
    border-radius: 3px;
    background: #ff3;
    width: 100px;
}

---

使用显示：表格；对于具有“外部”类的外部div。使用显示：表格单元格；对于具有类“innerdivs”的内部div。并从“innerdivs”中删除“float:left”属性。

到目前为止，您尝试了什么，具体在哪里卡住了？更改应该只在CSS中，但是什么CSS？将所有相关代码粘贴到问题正文中，并尽量不依赖外部链接。使用

display:table cell
#outer {
    display: inline-block;
    border: 4px solid darkgreen;
    border-radius: 10px;
}
.innerdivs {
    display: inline-block;
    margin: 5px;
    border-radius: 3px;
    background: #ff3;
    width: 100px;
}