выровнять влево и вправо с помощью float: работает в 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>

Я думаю, это может сработать для вас.

Держите меня в курсе.