Оформление фрагментов текста при переносе на другую строку.
Свойство box-decoration-break

box-decoration-break: slice;

box-decoration-break: clone;

Исходный код этого примера:

<style>
    .example-container {
        width: 230px;
        text-align: center;
    }
    .ss {
        background: linear-gradient(to bottom, #b1e7f7, #2abdea 50%);
        color: #fff;
        box-shadow: 8px 8px 10px 0 #089dcb,-5px -5px 5px 0 #b1e7f7;
        padding: 0 16px;
        border-radius: 16px;
        border-style: solid;
        margin-left: 10px;
        font-size: 22px;
        line-height: 2;
    }
    .s1 {
        box-decoration-break: slice;
        -webkit-box-decoration-break: slice;
    }
    .s2 {
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }
</style>
<h3>box-decoration-break: slice;</h3>
<div class="example-container">
    <span class="ss s1">Этот текст разбивается на три строки</span>
</div>
<h3>box-decoration-break: clone;</h3>
<div class="example-container">
    <span class="ss s2">Этот текст разбивается на три строки</span>
</div>