Responsive Line Break demo

Same markup and styling, using different strings and font-size. Resize your browser window to see how these strings wrap.

Go back to the article.


WebKit only (wbr)

English

Enter text, the address of a website or import a document to be translated.

Enter text, the address of a website or import a document to be translated.

French

Saisissez du texte, l'adresse d'un site Web ou importez un document à traduire.

Saisissez du texte, l'adresse d'un site Web ou importez un document à traduire.

German

Geben Sie Text ein, die Adresse einer Website oder importieren Sie ein Dokument übersetzt werden soll....

Geben Sie Text ein, die Adresse einer Website oder importieren Sie ein Dokument übersetzt werden soll....

Cross-browsers solution (span)

English

Enter text, the address of a website or import a document to be translated.

Enter text, the address of a website or import a document to be translated.

French

Saisissez du texte, l'adresse d'un site Web ou importez un document à traduire.

Saisissez du texte, l'adresse d'un site Web ou importez un document à traduire.

German

Geben Sie Text ein, die Adresse einer Website oder importieren Sie ein Dokument übersetzt werden soll....

Geben Sie Text ein, die Adresse einer Website oder importieren Sie ein Dokument übersetzt werden soll....