防止跨度重叠div

Question

我有一个div容器和一个非常靠近的span容器（左边的跨度，右边的div）。是否有一种方法可以让跨度实现当它在内部，比如5px，然后它到达下一行？

在图中，左侧框是span容器将包含文本的位置。右侧框是文本无法继续的div容器

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

Answer 1

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

HTML：

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

CSS：

.LeftFloat
{
   float:left;
}