Як змінити відстань між словами

Зміна відстані між словами в текстах веб-сторінок не така тривіальна задача, як могло б здатися. Два, три або більше поставлених поспіль пробілів між сусідніми словами, згідно зі стандартами мови HTML, ніяк не позначаться на відстані між ними - браузер буде відображати їх як одинарний пробіл. Але, звичайно, інструменти для вирішення цього завдання є.

Інструкція

1. Один з варіантів - використовувати спеціальний символ мови HTML, який називається "нерозривний пробіл" (non-breakable-space). Відображається він так само, як і звичайний пробіл, а особливість полягає в тому, що якщо два слова розділити таким спецпробілом, то браузер буде вважати, що це одне злитне слово, розділяти яке не можна. У силу цієї особливості браузер не буде втручатися і у відображення декількох таких пробілів, поставлених поспіль, тобто не буде замінювати кілька пробілів одним. Позначається цей спецзнак таким набором символів: ""&nbsр;"" (без лапок). Виглядати у вихідному коді документа параграф тексту зі словами, розділеними такими спецсимволами, може так:< р > Це зразок & nbsр; & nbsр; - параграфа & nbsр; & nbsр; тексту. </р > Тут відстань між першим і другим словом буде звичайною, між другим і третім - подвоєною, а між третім і четвертим - потроєною.

2. Набагато частіше використовується керування відстанню між словами із застосуванням мови опису стилів (CSS). Мовою CSS відповідна дефініція може виглядати, наприклад, так:word-spacing: 15рх, тут вказано розмір пробілу між сусідніми словами у 15 пікселів. Ви можете додати стилевий атрибут майже в будь-який тег. Наприклад, тег параграфа з таким атрибутом, що визначає відстань 20 пікселей між усіма словами параграфа, може виглядати так:<p style=""word-spacing: 20рх "> Параграф тексту зі збільшеною відстанню між словами </р >

3. Зазвичай стилеві блоки розміщуються в заголовковій частині документа або в окремих файлах. У такому блоці можна вказати декілька значень відстаней між словами і розфасувати їх по різних класах, а в тілі документа вказувати в тегах посилання на відповідні класи. Наприклад, так може виглядати опис класу з назвою dblSpace:<style type=""text/css""> .dblSpace {word-spacing: 20px} </style > A тег параграфа з посиланням на цей клас у тілі документа буде, наприклад, таким:< р class = "" dblSpace "" > Параграф з широкими інтервалами між шарами </р >