dos elementos div con el mismo centro con css in javascript

Puedes centrar dos elementos div en CSS utilizando flexbox. A continuación se muestra un ejemplo de cómo hacerlo:

HTML:

index.tsx
<div class="container">
  <div class="item"></div>
  <div class="item"></div>
</div>
85 chars
5 lines

CSS:

index.tsx
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item {
  width: 50px;
  height: 50px;
}
124 chars
11 lines

En este ejemplo, la clase .container utiliza flexbox para centrar tanto vertical como horizontalmente los elementos secundarios. También puedes ajustar la separación entre los elementos secundarios con el spacing de CSS.

Javascript no es necesario para este caso si solo se quiere centrar elementos con CSS.

related categories

gistlibby LogSnag