Preview:
--Al escribir palabras en un parrafo o "div" las letras se ordenan una tras otra horizontalmente
  y habra un espacio si lo pides(pero no habra 2 espacios); y si saltas, no se mostrara en el         navegador porque lo completa horizontalmete con un espacio(entendiendo como si hisieras espace)
  -span dentro de "div o parrafo": se comporta completamente igula que las letras
  -ojo si el "div" tiene "display: flex;" ya no sera identica que una palabra

-- span>span(span.s dentro de span) si saltas lo juntara dandole espacio; y si juntas 2 span
  (horizontalmente y sin espacio) dentro de un span los mantendra juntos sin espacio.
   -OJO: es igual, como si estubiera dentro de un "div" o "p"

--------- NOTA: Es muy importante conocer el comportamiento de los elementos anidados
                y los espacios que el navegador da por defecto -------------
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter