<h1 lang="en">Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu</h1>
<!-- note that the language _must_ be declared on the element or its parent in order for hyphenation to work. (Technically, the code used here should be "mi", for Maori, but few browsers currently have Maori dictionaries to check hyphenation against) -->
h1 { 
  text-align: center; 
  font-family: American Typewriter, Consolas, Courier New, Courier, sans-serif;
  font-size: 3rem;
  padding: 2.2rem;
  line-height: 1.5;
  font-weight: 400;
  word-break: break-word; // Chrome - will break words across lines, but does not yet support proper hyphenation.
  -ms-word-break: break-all; // IE9 and earlier
  -ms-hyphens: auto; // IE10+
  -moz-hyphens: auto; // Firefox 6+
  -webkit-hyphens: auto; // Safari (mobile and desktop)
  hyphens: auto; // Firefox 43+
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.