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

Я хочу отображать кнопки внутри моего 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
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
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/

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

Anjali 18.12.2020 19:34

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

s.kuznetsov 18.12.2020 19:54

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