HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>CSS hyphens Example</title>

  <style>

    body {

      font-family: Georgia, serif;

      padding: 1.5rem;

      line-height: 1.6;

    }



    p {

      width: 200px;

      hyphens: auto;

      text-align: justify;

    }

  </style>

</head>

<body>

  <h1>Automatic Hyphenation</h1>

  <p>

    Hyphenation is the process of adding hyphens to words at appropriate points to

    improve readability and layout. This is especially useful in narrow columns.

    Resize the window to see hyphenation in action.

  </p>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS hyphens Property - auto