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>