Html 如何防止文本在插入的元素下换行？

我正在使用一个现有的标记，其中我可以更改的很少（场景1）

.container{
宽度：340px；
边框：1px纯黄色；
边缘底部：20px；
}
.标题a{
字体：32px/普通“Segoe UI Light”，Arial；
线高：1.2米；
文字装饰：无；
颜色：#606060；
}
span.bb{
边框：1px纯红；
宽度：30px；
高度：30px；
右边距：12px；
显示：内联块；
光标：指针；
垂直对齐：底部对齐；
}

---

我通过添加以下附加样式实现了这一点

span.bb {
    float:left;
}

span.bb + a {
    display: block;
    margin-left: 42px;    
}

---

我通过添加以下附加样式实现了这一点

span.bb {
    float:left;
}

span.bb + a {
    display: block;
    margin-left: 42px;    
}

---

我通过添加以下附加样式实现了这一点

span.bb {
    float:left;
}

span.bb + a {
    display: block;
    margin-left: 42px;    
}

---

我通过添加以下附加样式实现了这一点

span.bb {
    float:left;
}

span.bb + a {
    display: block;
    margin-left: 42px;    
}

您是否尝试过“不包装”您是否尝试过“不包装”您是否尝试过“不包装”您是否尝试过“不包装”