Расположить элемент справа от элемента блока

Question

Есть ли способ с помощью CSS расположить элемент (блок или встроенный) справа от элемента блока, не изменяя CSS элемента блока или содержащего его элемента?

<div>Block</div>
<span class="someCSS">Inline</span>

Результат:

BlockInline

Answer 1

Я был бы более склонен предложить вам:

div { float: left; }

Предварительный просмотр: http://jsfiddle.net/Wexcode/9DCDN/

Answer 2

Без дополнительной информации я могу предложить только следующее:

element {
  display: block;
  float: right;
}

Answer 3

Ну, если честно, мне потребовалось некоторое время, чтобы я понял, что вы хотели, но я думаю, что я делаю сейчас.Когда вы говорите, что встроенный элемент является динамическим, вы, вероятно, также используете динамический язык, так что вы можете просто использовать некоторые условные операторы, чтобы добавить стили CSS для встроенного объекта.

Другим вариантом, в зависимости от вашего проекта, может быть просто включение диапазона в элемент блока.И еще одно заключалось бы в том, чтобы обернуть все это в два дополнительных элемента блока, чтобы избежать эффекта floating для других следующих элементов.

<div style="float:left">
    <div>BLOCK</div>
</div>
<div style="float:right">
    <span>INLINE</span>
</div>

Извините за inline-css.Вы получите тот же эффект, если установите inline на display:block, если это возможно для вас.Или другой способ избежать влияния floating на следующие элементы: используйте что-то вроде <div style="clear:both"></div> после всего.

Хотя большинство людей не знают, что у CSS уже есть свои «условные выражения»,но до CSS 4 невозможно будет напрямую выбрать предка.Но нет другого пути (насколько я знаю) достичь желаемого результата любым другим способом.