Html 如何使两个元素右对齐

我有一个按钮和一个文本区：

.text2
{
字体大小：15px；
调整大小：无；
背景色：#FFFFFF；
宽度：80%；
高度：300px；
利润率：5px 0 10px 0；
}
#btn1
{
边缘顶部：5px；
边缘底部：10px；
}

另存为要将按钮移动到下方，您有许多选项

您可以使
占据
100%
的，这样按钮就不会有空间占用，从而强制它进入下一行：


.text2{
字体大小：15px；
调整大小：无；
背景色：#FFFFFF；
宽度：100%；
高度：300px；
利润率：5px 0 10px 0；
}
#btn1{
边缘顶部：5px；
边缘底部：10px；
}

另存为有多种方法可以做到这一点。基本思想是让文本区域DOM占据整行。根据需要，您可以将文本区域标记为
display:block
，也可以使用
flex-column

使用display:block

.text2
{
字体大小：15px；
调整大小：无；
背景色：#FFFFFF；
宽度：80%；
高度：300px；
利润率：5px 0 10px 0；
/*添加此行以使此元素占据整行*/
显示：块；
}
#btn1
{
边缘顶部：5px；
边缘底部：10px；
}

另存为您的按钮和您的
已占用同一行。你想要
下面的按钮吗？是的…我想把它放在第一行和第二行可能是重复的谢谢！它确实帮助了我！谢谢你帮了我很多忙！没问题。我发现我忘记了flex示例中的
display:block
。我们在使用flex时不需要这些。。示例代码现在已更新。