我想把html元素并排放在一行中

我正在尝试获取以下输出：[1]： 但我得到的却是：[2]： 我想将所有元素并排放置在一行中。他们必须有相同的高度

#面板{
位置：绝对位置；
底部：0；
保证金：5px；
身高：20%；
宽度：100%；
}
#发送{
身高：100%；
宽度：20%；
边框宽度：0；
浮动：对；
边界半径：10px；
}
#信息{
身高：100%；
宽度：50%；
边框宽度：0；
边界半径：10px；
背景颜色：灰色；
}
#上传图片{
身高：100%；
宽度：20%；
}

გაგზავნა

只需添加

显示：flex至
#面板
以对齐它们


#面板{
位置：绝对位置；
底部：0；
保证金：5px；
身高：20%；
宽度：100%；
显示器：flex；
}
#发送{
身高：100%；
宽度：20%；
边框宽度：0；
浮动：对；
边界半径：10px；
}
#信息{
身高：100%；
宽度：50%；
边框宽度：0；
边界半径：10px；
背景颜色：灰色；
}
#上传图片{
身高：100%；
宽度：20%；
}

გაგზავნა