es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo puedo colocar un botón en el lado derecho del div?

30 May, 2023 Programación

¿Cómo puedo colocar un botón en la parte superior a la derecha con espacio en blanco completo a la izquierda?

<div class="newsletter">
  <button class="goup">IR ARRIBA</button>  *¿Cómo puedo colocar este botón a la derecha con espacio en blanco completo??*
  <div class="left-side">
    <a href="">Tienda</a>
    <a href="">Acerca de</a>
    <a href="">Soporte</a>
    <a href="">Información sobre COVID-19</a>
    <a href="">Estado del pedido</a>
    <a href="">Ventas Corporativas</a>
  </div>


    //CSS 
   .newsletter {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
  }

  .goup {
    width: 81px;
    height: 81px;
    border: none;
    padding: 25px 30px;
    font-size: 16px;
    font-weight: 700;
    background-color: #000;
    color: #fff;
    display: flex;
    float: right;
    justify-content: right;
  }

  .left-side {
    position: relative;
  }

¿Cómo puedo colocar este botón a la derecha con espacio en blanco completo??

Como este

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para colocar el botón en la parte superior derecha con espacio en blanco a la izquierda, se puede utilizar la posición y el relleno de CSS. Aquí hay un ejemplo:

    .goup {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
}

    Esto posicionará el botón en la esquina superior derecha del elemento padre y añadirá 20px de relleno en el lado derecho. Ajuste el valor del relleno según sea necesario.

Comments are closed.