写作者垂直并在某个特定高度后打破传票

Question

enter image description here

<td class="yellow _BusinessLvl" attr_id="BusinessLevel">
    <div class="relative">
       <span id="busLvl_5T7V">ssdasdad sdadasd ssdasdad sdadasdssdasdad sdadasdssdasdad sdadasdssdasdad sdadasdssdasdad sdadasd
       </span>
       <a class="remove">X</a>
    </div>
</td>

CSS

.relative {
    position: relative;
}
td span {
    transform-origin: 0 50%;
    transform: rotate(-90deg);
    white-space: nowrap;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -400px;
}

这是我们的HTML结构和CSS。该怎么做td在2行。

有关详细信息，请访问：https://jsfiddle.net/nilang_nil/r4cq9u64/