EXAMPLE
Run 
<!DOCTYPE html>
<html>

<head>
	<title>Box-decoration-break property in CSS</title>
	<style type="text/css">
		.border-box {
		  background: linear-gradient(to bottom right, yellow, purple);
		  box-shadow:
		    8px 8px 10px 0px deeppink,
		    -5px -5px 5px 0px blue,
		    5px 5px 15px 0px yellow;
		  padding: 0em 1em;
		  border-radius: 16px;
		  border-style: solid;
		  margin-left: 10px;
		  font: 24px sans-serif;
		  line-height: 4;
		 box-decoration-break: slice;
		
		}
	</style>
</head>

<body>...
<span class="border-box">Study<br>Tonight<br>is the best place<br>to learn dogital .</span>
</body>

</html>