在div内进行跨度

Question

我有一个div，内部有一个span浮动在右边。当屏幕尺寸减小时，span被推到div的外面。如何预防呢？

.mydiv {
  background: red;
  color: blue;
  display: block;
  padding: 10px 25px;
}

.mydiv .span {
  float: right;
  color: black;
}

<div class="mydiv">
  Hello World!
  <span class="span">float right please</span>
</div>