22.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Inserted line breaks</title>
<link rel="stylesheet" href="css/style.css" />
<style media="screen">

div {
  display: inline-block;
  width: 300px;
  padding: .5em;
  background: #fff;
  color: #000;
  line-height: 1.5;
  background-image: linear-gradient(rgba(0,0,0,.2) 50%, transparent 0);
  background-size: auto 3em;
  background-origin: content-box;
}

</style>
</head>
<body>

<div>
  adgs fhjkags dkfhjasdfj <br>
  adgs fhjkags dkfhjasdfjj adkshfgak sdf <br>
  adgs fhjkags dkfhjasdfhjadsg fhjkags dkfj <br>
  adgs fhjkags dkfhjasdfasdfj <br>
  adgs fhjkags dkfhjasdfjasdfasd <br>
  adgs fhjkags dkfhjasdfj
</div>

</body>
</html>