float浮动问题

右侧浮动不能和左边文字平行，这问题怎么解决？代码如下
<style type="text/css">
#ro {  padding:5px 10px 5px 20px; }
#ro span { float:right; }
.cc { clear:both; }
</style>
<!-----分割线------>
<div id="ro">您的位置：首页帮助 <span>右侧浮动</span>
<div class="cc"></div>
</div>