Javascript 如何在右侧显示多个按钮？

我不知道为什么我的代码没有在右边显示多个按钮

给你

.btn1{
背景色：#黄色；
颜色：白色；
右边距：1px；
浮动：对；
边界：无；
}
.测试{
位置：相对位置；
显示器：flex；
右边距：1px；
背景颜色：蓝色；
}

信息
在这里写点东西
信息2
在这里写点东西

你的意思是这样的吗？不太清楚您希望

在这里写些什么

文本。但是，这需要2个按钮，并将它们对齐到栏的右侧

.btn1{
背景色：#黄色；
颜色：白色；
右边距：1px；
边界：0px；
大纲：无；
}
.测试{
位置：相对位置；
显示：块；
背景颜色：蓝色；
文本对齐：右对齐；
}

信息
信息2
在这里写点东西
在这里写点东西

.test{
显示器：flex；
背景：灰色；
对齐项目：居中；
}
.儿童1{
柔性生长：1；
}
.孩子{
右侧填充：1rem；
}

在这里写点东西
在这里写点东西
信息
信息2

您与btn css float和div.test css存在冲突，因为flexIt不清楚您想要实现什么。希望div中的文本显示在何处？也许可以发布一张您希望它看起来像什么的图片。虽然此代码可能会解决问题，但如何以及为什么解决此问题将真正有助于提高您的帖子质量，并可能导致更多的投票。请记住，你是在将来回答读者的问题，而不仅仅是现在提问的人。请在回答中添加解释，并说明适用的限制和假设。

.btn1 {
  background-color: #yellow;
  color: white;
  margin-right: 1px;
  float: right;
  border: none;
  order:1;
}