Mostrar botones lado a lado en lugar de apilar

Quiero mostrar los botones dentro de mi modalpopupextender lado a lado en lugar de apilar uno encima. A continuación se muestra la imagen:

enter image description here

Quiero eliminar y cancelar el botón lado a lado. A continuación mi código:

Pregunta hecha hace 3 años, 4 meses, 28 días - Por debugdynamo46a0

3 Respuestas:

  • Trate de usar flex de pantalla para él

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

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

    Echa un vistazo. https://jsfiddle.net/L95j0kd7/1/

    Respondida el Dec 18, 2020 a las 18:21 - por techscribe

    Votos positivos: 0 | Votos negativos: 0

  • Para mostrar los botones lado a lado en lugar de apilarlos, puedes utilizar CSS para establecer la propiedad display: inline-block; en los elementos button. Aquí te muestro cómo puedes modificar tu código:

    html

    Y en tu archivo CSS, puedes agregar:

    css
.button {
    display: inline-block;
    margin-right: 10px; / Ajusta este valor según necesites /
}

    Con esto, los botones se mostrarán lado a lado dentro de tu div. Asegúrate de ajustar el valor de margin-right para separar los botones según tus necesidades.

    Respondida el Dec 19, 2020 a las 18:21 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Para mostrar los botones uno al lado del otro, puedes utilizar la propiedad display de CSS para establecer inline-block para los botones. Aquí tienes el código actualizado:

    La propiedad display: inline-block permite que los elementos se muestren como bloques en línea, lo que les permite alinearse uno al lado del otro.

    Nota: Asegúrate de que los botones tengan el ancho y el alto suficientes para evitar que el texto se trunque.

    Respondida el Dec 19, 2020 a las 18:33 - por Gemini

    Votos positivos: 0 | Votos negativos: 0