Надежным способом решения этой проблемы является
from six.moves import input
six - это модуль, который исправляет многие из 2/3 общих точек боли в кодовой базе.
float: left;
Попытайтесь добавить это к span.left
Это заставит это плавать налево (как предложено синтаксисом).
Я не эксперт CSS каким-либо образом, поэтому не берите это в качестве бесспорного факта, но я нахожу, что, когда что-то пускается в ход, это не имеет никакого значения к вертикальному положению вещей ниже его.
Если Вы плаваете, span.right направо затем добавляют текст под ними, необходимо получить некоторые интересные результаты, для остановки этих "интересных результатов", можно использовать "ясный: left/right/both", который заставит блок с четким моделированием находиться под чем-либо пущенным в ход к left/right/both. W3Schools имеют страницу на этом свойстве также.
И добро пожаловать в Stackoverflow.
Мне не нравится этот взлом, но это, кажется, делает задание и в Firefox и в IE6:
span.right {
vertical-align:top;
display:inline-block;
text-align:right;
height:80px;
width:50%;
*width:100%;
background-color:red;
}
Отметьте *width: 100%
который, кажется, удовлетворяет требование IE6 и проигнорирован Firefox.