Html 我试图使按钮并排在一个垂直的灵活div

我有一个特别的问题，我的容器的css给文本区域和按钮一个垂直的弯曲方向。我只希望按钮与textarea垂直对齐，垂直弯曲方向就是这样，但我希望我的两个按钮并排

正如您在下面的HTML中所看到的，我尝试对.buttons类应用行伸缩方向，但这并没有解决我的问题。我做错了什么

.body{
背景图片：url(https://media.giphy.com/media/dQtH57ix3NWDKOQeQM/giphy.gif);
宽度：480px；
高度：270px；
浮动：左；
边界半径：20px；
}
.填充{
背景色：#00000d；
宽度：480px；
高度：270px；
边界半径：20px；
不透明度：.8；
显示器：flex；
对齐项目：居中；
证明内容：中心；
弯曲方向：立柱；
}
.代理{
左边距：自动；
右边距：自动；
边界半径：10px；
页边距底部：自动；
利润上限：35px；
颜色：黄色；
背景色：#00000d；
边框颜色：黄色；
边框宽度：3倍；
大纲：无；
文本对齐：居中；
调整大小：无；
}
.按钮{
页边距底部：自动；
弯曲方向：行；
}
.结束{
颜色：黄色；
背景色：透明；
字体系列：calibri；
边界半径：10px；
边框颜色：黄色；
大纲：无；
}
.添加{
颜色：黄色；
背景色：透明；
字体系列：calibri；
边界半径：10px；
边框颜色：黄色；
大纲：无；
}

接近
添加代理

只需将按钮放在它们自己的div中，您就应该拥有它

 <right class="body">
      <div class="fill">
        <textarea class="proxies" name="proxies" id="proxies" cols="30" rows="10" placeholder="ip:port:name:pass"></textarea>
        <div class="buttons"></div>
        <div class="buttons">
          <button class="close">Close</button>
          <button class="add">Add Proxies</button>
        </div>
      </div>
      </div>
    </right>

---

只要把按钮放在它们自己的div中，你就应该拥有它

 <right class="body">
      <div class="fill">
        <textarea class="proxies" name="proxies" id="proxies" cols="30" rows="10" placeholder="ip:port:name:pass"></textarea>
        <div class="buttons"></div>
        <div class="buttons">
          <button class="close">Close</button>
          <button class="add">Add Proxies</button>
        </div>
      </div>
      </div>
    </right>

---

我知道没有

元素。它只是一个标识符，而不是放置div，这没有什么区别。它有区别，因为默认情况下随机元素是内联的，所以它不像放置div，而是像放置spanAh，如果没有

元素我就知道了。它只是一个标识符，而不是放div，这没有什么区别。它有区别，因为默认情况下，随机元素是内联的，所以它不像放div，而是像放spanAh，我抓到了ty temani afifWhoops，我不小心打开了button div并关闭了它，直到button hahaI意识到我只是将类命名为与您已有的相同的名称，但是您得到了这个想法。没问题。是的，只需在右边添加一个边距。close按钮，将在上面编辑帖子没有问题，您介意按回答勾选评论吗？小心哦，我不小心打开了按钮div并在按钮之前关闭了它。hahaI意识到我只是将类命名为与您已有的相同的名称，但是您得到了这个想法。没问题。是的，只需在右侧添加一个边距。关闭按钮，将编辑上面的帖子。没问题，您介意在回答时勾选评论吗？当心