crea un div con texto dentro en html y css que sea muy bonito in javascript

Para crear un div con texto dentro en HTML y CSS, puedes añadir el siguiente código:

<div id="texto-bonito"></div>
30 chars
2 lines

Y para estilizarlo desde CSS, podrías usar el siguiente código:

#texto-bonito {
  background-color: #FFE4C4;
  padding: 50px;
  border-radius: 10px;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 24px;
  color: #4B0082;
}
180 chars
10 lines

Finalmente, si quieres agregar texto dinámicamente desde JavaScript, podrías usar el siguiente código:

index.tsx
const containerDiv = document.getElementById("texto-bonito");
const text = "Este es un texto bonito";
containerDiv.innerHtml = text;
133 chars
4 lines

Esto crearía un div con un fondo naranja claro y bordes redondeados. El texto estaría centrado y escrito en fuente Arial a un tamaño de 24px, con un color púrpura oscuro. También es posible agregar imágenes de fondo, gradientes, sombras y más para hacerlo aún más bonito.