CSS3 hyphens et césures

Chaque colonne est re-dimensionnable - indépendamment de la fenêtre - via son coin inférieur droite ; chaque bloc peut être soustrait via son titre.

& dans la 2ème colonne

2ème colonne

Nature

Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.

­

Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.

­ (­)

Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.

<wbr>

Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.

&#x200B; (<wbr>)

Lorem​loremipsumdolorsitametcon​secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu​ntut dolore.
Lorem​loremipsumdolorsitametcon​secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu​ntut dolore.
Lorem​loremipsumdolorsitametcon​secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu​ntut dolore.

&hyphen;

Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.

&#x2010; (&hyphen;)

Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.

Nature

Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.

&shy;

Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.

&#xAD; (&shy;)

Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.
Lorem­loremipsumdolorsitametcon­secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu­ntut dolore.

<wbr>

Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.
Loremloremipsumdolorsitametconsecteturadipisicingelitipsumd. Seddoeiusmodtemporincididuntut dolore.

&#x200B; (<wbr>)

Lorem​loremipsumdolorsitametcon​secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu​ntut dolore.
Lorem​loremipsumdolorsitametcon​secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu​ntut dolore.
Lorem​loremipsumdolorsitametcon​secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu​ntut dolore.

&hyphen;

Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.

&#x2010; (&hyphen;)

Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.
Lorem‐loremipsumdolorsitametcon‐secteturadipisicingelitipsumd. Seddoeiusmodtemporincididu‐ntut dolore.