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.
Related Topics
JavaScript: Show and hide HTML area by clicking a link
Tutorial | 0 Comments
CSS: Include CSS Stylesheets in HTML
Tutorial | 0 Comments
jQuery: Show and hide elements
Tutorial | 0 Comments
HTML: Difference between ID and CLASS
Info | 0 Comments
PHP: Sending an E-Mail
Tutorial | 0 Comments
jQuery: Load and Replace DIV Content with clicking Links
Tutorial | 0 Comments
How to send emails to multiple recipients
Tip | 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.
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.
2012-12-07 at 17:36