Skip to main content
Mejora de título
Origen Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

¿Como ¿Cómo puedo hacer que todas estas palabras en divs queden una enfrente de la otra como un párrafo normal?

Cordial saludo para todo, tengoTengo la siguiente estructura html así:

<div class="container-words">
              <div class="content">
          <label class="activity-1-words">Sherlock</label>
        </div>
              <div class="content">
          <label class="activity-1-words">Holmes,</label>
        </div>
              <div class="content">
          <label class="activity-1-words">que</label>
        </div>
              <div class="content">
          <label class="activity-1-words">en</label>
        </div>
              <div class="content">
          <label class="activity-1-words">un</label>
        </div>
              <div class="content">
          <label class="activity-1-words">principio</label>
        </div>
              <div class="content">
          <label class="activity-1-words">Doyle</label>
        </div>
              <div class="content">
          <label class="activity-1-words">tenía</label>
</div>

<div class="container-words">
  <div class="content">
    <label class="activity-1-words">Sherlock</label>
  </div>
  <div class="content">
    <label class="activity-1-words">Holmes,</label>
  </div>
  <div class="content">
    <label class="activity-1-words">que</label>
  </div>
  <div class="content">
    <label class="activity-1-words">en</label>
  </div>
  <div class="content">
    <label class="activity-1-words">un</label>
  </div>
  <div class="content">
    <label class="activity-1-words">principio</label>
  </div>
  <div class="content">
    <label class="activity-1-words">Doyle</label>
  </div>
  <div class="content">
    <label class="activity-1-words">tenía</label>
  </div>

Esta es la forma en que se ve

introducir la descripción de la imagen aquí

Y necesito que está quede de la siguiente manera, como un texto normal.

introducir la descripción de la imagen aquí

Por favor necesito alguna sugerencia de como poder hacerlo, noNo se si solo con estilos aunque(aunque no creo), o si es necesario utilizar JS

Cabe mencionar que esa estructura html surge de una plantilla hecha con twig.

Muchas gracias

¿Como puedo hacer que todas estas palabras queden una enfrente de la otra como un párrafo normal?

Cordial saludo para todo, tengo la siguiente estructura html así:

<div class="container-words">
              <div class="content">
          <label class="activity-1-words">Sherlock</label>
        </div>
              <div class="content">
          <label class="activity-1-words">Holmes,</label>
        </div>
              <div class="content">
          <label class="activity-1-words">que</label>
        </div>
              <div class="content">
          <label class="activity-1-words">en</label>
        </div>
              <div class="content">
          <label class="activity-1-words">un</label>
        </div>
              <div class="content">
          <label class="activity-1-words">principio</label>
        </div>
              <div class="content">
          <label class="activity-1-words">Doyle</label>
        </div>
              <div class="content">
          <label class="activity-1-words">tenía</label>
</div>

Esta es la forma en que se ve

introducir la descripción de la imagen aquí

Y necesito que está quede de la siguiente manera, como un texto normal.

introducir la descripción de la imagen aquí

Por favor necesito alguna sugerencia de como poder hacerlo, no se si solo con estilos aunque no creo, o si es necesario utilizar JS

Cabe mencionar que esa estructura html surge de una plantilla hecha con twig.

Muchas gracias

¿Cómo puedo hacer que palabras en divs queden una enfrente de la otra como un párrafo normal?

Tengo la siguiente estructura html así:

<div class="container-words">
  <div class="content">
    <label class="activity-1-words">Sherlock</label>
  </div>
  <div class="content">
    <label class="activity-1-words">Holmes,</label>
  </div>
  <div class="content">
    <label class="activity-1-words">que</label>
  </div>
  <div class="content">
    <label class="activity-1-words">en</label>
  </div>
  <div class="content">
    <label class="activity-1-words">un</label>
  </div>
  <div class="content">
    <label class="activity-1-words">principio</label>
  </div>
  <div class="content">
    <label class="activity-1-words">Doyle</label>
  </div>
  <div class="content">
    <label class="activity-1-words">tenía</label>
  </div>

Esta es la forma en que se ve

introducir la descripción de la imagen aquí

Y necesito que está quede de la siguiente manera, como un texto normal.

introducir la descripción de la imagen aquí

No se si solo con estilos (aunque no creo), o si es necesario utilizar JS

Cabe mencionar que esa estructura html surge de una plantilla hecha con .

etiquetas editadas
Enlace
user128299
user128299
Origen Enlace

¿Como puedo hacer que todas estas palabras queden una enfrente de la otra como un párrafo normal?

Cordial saludo para todo, tengo la siguiente estructura html así:

<div class="container-words">
              <div class="content">
          <label class="activity-1-words">Sherlock</label>
        </div>
              <div class="content">
          <label class="activity-1-words">Holmes,</label>
        </div>
              <div class="content">
          <label class="activity-1-words">que</label>
        </div>
              <div class="content">
          <label class="activity-1-words">en</label>
        </div>
              <div class="content">
          <label class="activity-1-words">un</label>
        </div>
              <div class="content">
          <label class="activity-1-words">principio</label>
        </div>
              <div class="content">
          <label class="activity-1-words">Doyle</label>
        </div>
              <div class="content">
          <label class="activity-1-words">tenía</label>
</div>

Esta es la forma en que se ve

introducir la descripción de la imagen aquí

Y necesito que está quede de la siguiente manera, como un texto normal.

introducir la descripción de la imagen aquí

Por favor necesito alguna sugerencia de como poder hacerlo, no se si solo con estilos aunque no creo, o si es necesario utilizar JS

Cabe mencionar que esa estructura html surge de una plantilla hecha con twig.

Muchas gracias