Cambiar la distancia entre palabras en los textos de las páginas web no es tan trivial como podría parecer. Dos, tres o más espacios consecutivos entre palabras adyacentes, de acuerdo con los estándares HTML, no afectarán la distancia entre ellos de ninguna manera: el navegador los mostrará como un solo espacio. Pero, por supuesto, existen herramientas para solucionar este problema.
Instrucciones
Paso 1
Una opción es utilizar un carácter HTML especial llamado espacio no rompible. Se muestra de la misma manera que un espacio regular, y la peculiaridad es que si dos palabras están separadas por un espacio tan especial, entonces el navegador considerará que se trata de una palabra combinada, que no se puede separar. Debido a esta característica, el navegador no interferirá con la visualización de varios de estos espacios seguidos, es decir, no reemplazará varios espacios con uno. Este signo especial se indica con el siguiente conjunto de caracteres: "& nbsr;" (sin comillas). En el código fuente del documento, un párrafo de texto con palabras separadas por caracteres especiales puede verse así:
Este es un & nbsr; & nbsr; párrafo & nbsr; & nbsr; & nbsr; texto de muestra.
Aquí la distancia entre la primera y la segunda palabra será normal, entre la segunda y la tercera se duplicará y entre la tercera y la cuarta se triplicará.
Paso 2
El uso mucho más común es el control del espacio entre palabras mediante un lenguaje de descripción de estilo (CSS). En lenguaje CSS, la definición correspondiente puede verse así: espaciado entre palabras: 15px; Aquí está el tamaño del espacio entre palabras adyacentes en 15 píxeles. Puede agregar un atributo de estilo a casi cualquier etiqueta. Por ejemplo, una etiqueta de párrafo con este atributo, que establece la distancia de 20 píxeles entre todas las palabras del párrafo, podría verse así:
Un párrafo de texto con mayor espacio entre palabras.
Paso 3
Normalmente, los bloques de estilo se colocan en el encabezado de un documento o en archivos separados. En dicho bloque, puede establecer varios valores para la distancia entre palabras y empaquetarlos en diferentes clases, y en el cuerpo del documento indicar enlaces a las clases correspondientes en las etiquetas. Por ejemplo, una descripción de una clase llamada dblSpace podría verse así:
.dblSpace {espaciado entre palabras: 20px}
Y una etiqueta de párrafo con un enlace a esta clase en el cuerpo del documento será, por ejemplo, así:
Un párrafo con un espaciado amplio entre palabras.
