Как я могу разместить два тэга справа на разных строках?

Question

У меня есть три тега span: один всплывает влево (A), а два других плавают справа (B и C).

Тем не менее, я хочу, чтобы C располагался ниже B, но оба должны быть смещены вправо; то есть на разных линиях. Я пытался использовать display: block на B, но это не помогло. Как это можно сделать с помощью тегов span (не div)?

Вот мой css:

#A {
  float:left;
}

#B {
  float:right;
}

#C {
  float:right;
}

Большое спасибо.

Answer 1

Все, что вам нужно сделать, это добавить clear: right к #C.

См .: http://jsfiddle.net/w7K4t/

<div id="container">
    <span id="A">A</span>
    <span id="B">B</span>
    <span id="C">C</span>
</div>


#A {
    float: left;
}
#B {
    float: right;
}
#C {
    float: right;
    clear: right;
}

Answer 2

Добавьте разрыв строки (
) после интервала, содержащего B.

A

B

C

Answer 3

Может быть, попробуйте наложить ширину и высоту на # A.