11 Vote

HTML: Invisible Delimiter

Question by Guest | 06.12.2012 at 22:46

In one of my HTML documents, several times, there is a very long word. This word is not separeated by the browser, so that it shoots the text and my design.

Now, I need an opportunity using HTML or CSS to tell the browser that it can separate that word at a certain (given) position, if necessary. If it is not necessary, no delimiter should be used and the word should be displayed normally without any line breaks within.

0Best Answer0 Votes

What you are looking for is called "soft separator" or "soft hyphen". In HTML, "soft hyphen" is abbreviated with "shy" and you can use this delimiter by typing ­ into your HTML code:


In this example, we have marked the points at which a separation is allowed, with "­". If a break is neccessary at this point, a dash appears and the word is wrapped. If there is no break, the word remains as it is and the delimiter remains invisible.
07.12.2012 at 17:36

ReplyPositive Negative

Related Topics

jQuery: Show and hide elements
Tutorial | 0 Comments
Hide HTML Source Code
Question | 1 Answer

Important Note

Please note: The contributions published on askingbox.com are contributions of users and should not substitute professional advice. They are not verified by independents and do not necessarily reflect the opinion of askingbox.com. Learn more.


Ask your own question or write your own article on askingbox.com. That’s how it’s done.