pon un div al lado de otro en html in javascript

Para posicionar dos elementos div lado a lado en HTML, puedes utilizar CSS, que es manejado por JavaScript. Puedes utilizar la propiedad CSS float que permite alinear los elementos de la página.

Aquí te presento un ejemplo en HTML y CSS de cómo lograrlo:

<div class="container">
  <div class="left-div">Left div</div>
  <div class="right-div">Right div</div>
</div>
111 chars
5 lines
.container {
  width: 100%;
}

.left-div {
  width: 50%;
  float: left;
}

.right-div {
  width: 50%;
  float: right;
}
120 chars
14 lines

En este ejemplo, los dos elementos div están dentro de un contenedor principal con clase container. Luego, se establece el ancho del contenedor principal con width: 100%; y se utiliza la propiedad float: left; y float: right; para alinear los elementos div a la izquierda y derecha del contenedor respectivamente. También se establece un ancho de 50% para ambos elementos div para que ocupen la mitad de su padre.

Así es como puedes poner dos elementos div uno al lado del otro en HTML con JavaScript.

related categories

gistlibby LogSnag