11 Vote

HTML: Invisible Delimiter

Question by Guest | 2012-12-06 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.

ReplyPositiveNegative
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:

This­is­a­coherent­word.

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.
2012-12-07 at 17:36

ReplyPositive Negative
Reply

Related Topics

jQuery: Show and hide elements

Tutorial | 0 Comments

PHP: Sending an E-Mail

Tutorial | 0 Comments

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.

Participate

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