JSFiddle - React, Tailwind, and code Playground

by Douglas Santos

HTML

<!DOCTYPE html>
<html lang="pt-pt">
<head>
    <meta charset=utf-8>
    <link rel="stylesheet" type="text/css" href="css/estilo.css">
    <title></title>
</head>
<body>
<div>
  <p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel est enim. Fusce elementum ultrices purus, ut feugiat metus viverra at. Etiam non ipsum ex. Maecenas feugiat lobortis lorem, eget faucibus metus ultrices in. Aliquam a risus blandit, tempus lectus in, imperdiet libero. In hac habitasse platea dictumst. Sed ullamcorper purus at diam consequat varius. Nulla ligula lectus, consequat non tempor quis, rutrum in nunc. Aenean id enim vel diam auctor aliquet in ut purus. Aenean eu sodales neque.</p>
<p>
Pellentesque hendrerit fermentum nisl, nec elementum quam egestas at. Proin auctor nisi ligula, sed congue eros sagittis eget. Quisque iaculis venenatis metus, id ultrices eros posuere lobortis. Integer finibus neque non purus suscipit aliquet. Quisque faucibus dolor lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc odio nulla, suscipit quis fermentum ut, vehicula eget mi. Donec a nisi lacus. Ut at dapibus ante, et malesuada ante. Nulla ut tellus justo. Proin sit amet augue arcu. Aliquam quis nunc pulvinar, ultricies ex tempor, pulvinar arcu. Sed ullamcorper feugiat lacinia. Sed in mi at mauris semper cursus.
  </p>
</div>
</body>
</html>

CSS

div{width: 500px}

p {
  font-size:2em;
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}