html如何调节块的大小,如何使这些HTML信息块保持相同的大小？

我试图使这些信息块的大小相同,而不管每个信息的数量.如示例所示,当一个块的文本少于另一个块时,一个块变小,另一个块保持不同的大小.

现在我的问题是,无论内容或图像如何,我如何实现这些块的大小相同？我也将在他们下方使用另一对.

这是CSS代码：

/***********All containers**************/

.bottomContainers{

position: absolute;

margin-left: 0%;

display: inline-box;

}

/**********Small Containers*************/

.container{

max-width: 30%;

max-height: 30%;

margin-top:5%;

margin-bottom: 5%;

margin-left: 10%;

padding-left: 2%;

padding-right: 2%;

padding-bottom: 2%;

background-color: #ecf0f1;

color: grey;

display: inline-block;

/*display: inline-block;*/

border-radius: 5px;

border-bottom: 2px solid grey;

}

这是HTML代码：

Some random text is in this block, It doesnt size like the next one

this is another block which also doesnt scale to the other block regardless of text inside of it

我在这里做错了什么？