左右对齐浮动：在FF / IE中工作但在Chrome中不起作用？

Question

我正在使用这个

.align-left {
   float: left;
   width: 49%;
   }
.align-right {
   float: right;
   width: 49%;
   text-align: right; /* depends on element width */
   }

使用这个html：

<span class="align-left">this shows to the left<span><span class="align-right">this to the right<span>

它在IE / FF中运行良好，但在Chrome中却不行？我不是CSS专家但是我想避免使用表格，有什么建议吗？

Answer 1

关闭span标记，它会起作用。

参见示例：http://jsfiddle.net/ESQE7/

Answer 2

为什么不最好尝试这样的事情？

<div style="float:left">left</div>
<div style="float:right">right</div>

我认为这可能适合你。

让我发布。