I am using Bootstrap. Let us say I have text that looks like this:
"Stackoverflow"
Can I somehow automatically make sure that it breaks like this if the text does not fit the container:
"Stack
-overflow"
instead of:
"Stackov
-erflow"
with HTML/CSS?
Compound words can be written in three ways: as open compounds (spelled as two words, e.g., ice cream), closed compounds (joined to form a single word, e.g., doorknob), or hyphenated compounds (two words joined by a hyphen, e.g., long-term).
A compound word is a union of two or more words, either with or without a hyphen. It conveys a unit idea that is not as clearly or quickly conveyed by the component words in unconnected succes- sion.
Closed compound words are combined with no space between the two words, such as toothbrush or campfire.
You can insert ­
(soft hyphen)
#box { font-size:14px; font-family:courier; width:90px; background:yellow; }
<div id="box">Stack­overflow</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With