css - 防止跨度与 div 重叠

Question

我有一个非常接近的 div 容器和一个 span 容器（左侧是 span，右侧是 div）。有没有办法让跨度意识到它何时在 div 之内，比如说 5px，以便它进入下一行？

在图中，左侧框是跨度容器将包含文本的位置。右边的框是文本不能继续的div容器

_______________________
|                     |
|                     |
|                     |
|                     |
|                     |
|                     |
|                     |
|                     |
|                     |
|              -----------------------
|              |                     |
|              |                     |
|              |                     |
|              |                     |
|              |                     |
_______________|                     |
               |                     |
               |                     |
               |                     |
               -----------------------

Answer 1

将跨度粘贴在另一个 div 中并在其上放置一个浮点数

html:

<div class="LeftFloat">
   <span>
   </span>
<div>

CSS：

.LeftFloat
{
   float:left;
}