並排顯示按鈕而不是堆疊

Question

我想並排顯示我的 modalpopupextender 內的按鈕，而不是堆疊在一起。 下面是圖片：

我希望並排刪除和取消按鈕。 下面是我的代碼：

     <div >
                                    <p style="width:200px;height:100px;margin-right:auto;margin-left:auto">
                                        <asp:Button ID="OkButton" runat="server"  Text="Remove"  CommandName="delete" CommandArgument='<%#Eval("CartID") %>'/>
                                        <asp:Button ID="CancelButton"  runat="server" Text="Cancel" />
                                    </p>
   </div>   

    

Answer 1

嘗試使用 display flex

p {
  display: flex;
  align-items: center;
  justify-content: center;
}

p Button {
  width: 100px;
  height: 100px;
  border: 1px solid red;
}
  
  

看看https://jsfiddle.net/L95j0kd7/1/