并排显示按钮而不是堆叠

Question

I want to display the buttons inside my modalpopupextender side by side instead of stacked on top of each other. Below is the image:

I want the remove and cancel button side by side. Below is my code:

     <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

Try to use display flex for it

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

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

Check it out https://jsfiddle.net/L95j0kd7/1/