0

Cómo puedo posicionar un elemento que NO sea un texto, ya que para estos puedo user text-align: center, pero para un elemento como un div, su ancho modificará el 50% de la posición, ya lo sé hacer con javascript, pero me gustaría hacerlo con CSS , como funcionaría esto ?, es posible ? necesitaría obtener el tamaño del div y del body DESDE CSS y hacer operaciones en este, pero.. esto es posible ?

#elemento {
width: 500px; height: 200px; border: 2px solid purple;
position: absolute;
}
<h6 style="text-align: center;">buaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h6>

<div id=elemento></div>

1 respuesta 1

3

Una opcion es contener el elemento dentro de otro con las propiedades:

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

Lo bueno de esta opción es que centra todos los hijos y también puedes centrarlos horizontalmente saludos y espero te ayude amigo

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

#elemento {
width: 500px; height: 200px; border: 2px solid purple;
}
<h6 style="text-align: center;">buaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h6>


<div id="elementoPadre">
<div id=elemento></div>
</div>

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.