0

como puedo poner un div al lado de otro como muestra la imagen los tres primeros recuadros ya están creados pero necesito otros tres al lado derecho png

1 respuesta 1

2

Puedes intentarlo de dos maneras, primero es con la propiedad position (que sería su ubicación con referencia a un punto) o con display la cual le da una condición de comportamiento partícular a cada bloque.

    .rojo{
      position:relative;
      height: 100px;
      width: 100px;
      background-color: red;
      border: 2px black solid;
    }

    .blanco{
      position:fixed;
      left: 200px;
      top: 10px;
      height: 100px;
      width: 100px;
      background-color: white;
      border: 2px black solid;
    }
    <div class="rojo"></div>
    <div class="blanco"></div>

.rojo{
  display:inline-block;
  height: 100px;
  width: 100px;
  background-color: red;
  border: 2px black solid;
}

.blanco{
  display:inline-block;
  height: 100px;
  width: 100px;
  background-color: white;
  border: 2px black solid;
}
<div class="rojo"></div>
<div class="blanco"></div>

Te recomendaría revisar un poco más sobre display y position para que lo adecues a tu necesidad.

Cordial saludo.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.