Отображение кнопок рядом, а не стопкой

Я хочу отображать кнопки внутри моего 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>   

    

Использовать display: встроенный блок;

MajidRamzi 18.12.2020 19:20

Я пробовал, все то же самое. Ниже приведен код: <p style = "width:200px;height:100px;display: inline-block;">

Anjali 18.12.2020 19:23
stackoverflow.com/a/21376901/3143426 этот ответ должен помочь
MajidRamzi 18.12.2020 19:24
Раскрытие чувствительных данных
Раскрытие чувствительных данных
Все внешние компоненты, рассмотренные здесь до сих пор, взаимодействуют с клиентской стороной. Однако, если они подвергаются атаке, они не...
Разница между тегами Br и Wbr в HTML 5
Разница между тегами Br и Wbr в HTML 5
В целом, оба тега <br> и <wbr> имеют свои уникальные цели и функциональные возможности, и их использование зависит от конкретных требований к дизайну...
HTML И VS CODE Для Веб-разработки
HTML И VS CODE Для Веб-разработки
Прежде чем начать кодировать html в "VS CODE", мы должны сначала создать папку и назвать ее x.html, здесь я принимаю x как имя файла, который мы...
Как использовать WAI-ARIA
Как использовать WAI-ARIA
В моем текущем новом проекте почти все компоненты не учитывают веб-доступность. Моя нынешняя компания - это стартап, поэтому они не заботились о...
Статическая веб-страница, созданная с помощью CSS и HTML - до и не до.
Статическая веб-страница, созданная с помощью CSS и HTML - до и не до.
Я потратил некоторое время на создание своего сайта-портфолио. Затем, гордясь собой, я разместил свой код на серверах amazon. Мне потребовалось время,...
2
3
1 513
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 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/

Заработало сразу, но места между кнопками нет. Должен ли я поставить   между кнопкой.

Anjali 18.12.2020 19:34

@ Анджали, не используй  . Создайте правило justify-content: space-between; и width: 220px; для тега p, которое создает любое пространство.

s.kuznetsov 18.12.2020 19:54

Другие вопросы по теме