I am new to the Free Code Camp and have just finished my first challenge – a tribute page about my favourite photographer S. M. Prokudin-Gorskii, one of the pioneers of colour photography in early XX century:
Be sure to check the links! If you haven’t seen those pictures before they will blow your mind
Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user.
The HTML <pre> element (or HTML Preformatted Text) represents preformatted text. Text within this element is typically displayed in a non-proportional (“monospace”) font exactly as it is laid out in the file. Whitespace inside this element is displayed as typed.
I wanted to prevent “Prokudin-Gorskii” from breaking when the window is narrow. I tried to use non-breaking dash ‑ but it didn’t look good typographically.
I understand. I tried to break the word “Prokudin-Gorskii” using the mobile device view (Blisk, opera and firefox) but I couldn’t. Therefore I couldn’t test this element (never used before) but maybe can fix the problem:
The HTML element word break opportunity represents a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.
Or Maybe the <pre> element is a better option.
Update: wbr specs (the mdn link was broken) HTML Standard