Рассмотрим следующий jsFiddle: http://jsfiddle.net/mark69_fnd/yqdJG/1/
HTML:
<div id="container">
<div class="char">
AAA
</div>
<div class="char stickToRight">
BBB
</div>
</div>
CSS
#container {
border:solid 2px green
}
.char {
display: inline-block;
border: solid 2px red;
}
.stickToRight {
float: right
}
Есть ли другой способ сделать выравнивание .stickToRight
правильным, не плавая?
Мне нужно сохранить его как display:inline-block
, чтобы я мог сделать его вертикальное выравнивание согласованным с другими элементами .char
.
Как я могу достичь эффекта выравнивания справа float:right
, сохраняя элемент display:inline-block
? (Обратите внимание, что я не знаю ширины элемента контейнера.)
Я бы хотел чисто CSS-решения, если они есть.