css - 防止 span 与 div 重叠

Question

我有一个 div 容器和一个 span 容器，彼此非常靠近(span 在左边，div 在右边)。有没有一种方法可以让跨度在 div 的范围内(比方说 5px)实现，以便它转到下一行？

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

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

Answer 1

将 span 粘贴到另一个 div 中并在其上放置一个 float

html:

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

CSS:

.LeftFloat
{
   float:left;
}