Html 如何将div的内容粘贴到div的顶部？

我想要一个

段落

，在

按钮

旁边，在

文本区域

元素旁边。我已经做到了，但是现在，当我展开

文本区域时，按钮也向下移动。我希望有一个按钮和一个段落粘贴到它所在的
div
的顶部，这样它就不会受到文本区域高度的影响

我知道这个问题必须有一个非常简单的解决方案，但我找不到：(

这是我的代码：
#文本区域{
高度：50px；
宽度：100px；
左边距：20px；
}
#p{
显示：内联；
右边距：20px；
}

随机文本
按钮
随机的
正文
尝试
垂直对齐：顶部
用于
p
和
按钮


#文本区域{
高度：50px；
宽度：100px；
左边距：20px；
}
#p{
显示：内联；
右边距：20px；
}
p、 钮扣{
垂直对齐：顶部；
}

随机文本
按钮
随机的
正文
请参见答案中的注释。将“父”上的所有子项设置为与顶部对齐


#文本区域{
高度：50px；
宽度：100px；
左边距：20px；
}
#p{
显示：内联；
右边距：20px；
}
/*我加了这个*/
#父级>*{
垂直对齐：顶部；
}

随机文本
按钮
随机的
正文
尝试
vertical align:top；
对于
p
和
按钮
我知道这很简单，只是不知道
vertical align
属性：）