<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
span{
padding: 1px 5px;
border-radius: 16px;
font-size: 24px;
line-height: 2;
border: 5px solid green;
}
span:nth-child(3){
-webkit-box-decoration-break: slice;
-moz-box-decoration-break: slice;
box-decoration-break: slice;
}
span:nth-child(5){
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
box-decoration-break: clone;
}
</style>
</head>
<body>
<h1>CSS box-decoration-break property</h1>
<h2>box-decoration-break: slice;</h2>
<span>This text<br>breaks<br>across multiple<br>lines</span>
<h2>box-decoration-break: clone;</h2>
<span>This text<br>breaks<br>across multiple<br>lines</span>
</body>
</html>