ブロック要素の右に位置する要素

Question

ブロック要素の右側に要素（ブロックまたはインライン）を配置する方法はありますか？ブロック要素または含まれる要素のCSSを変更しませんか？

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

結果：

BlockInline

Answer 1

まあ正直言って、私があなたが望むことを理解するまで私はしばらく時間がかかりましたが、私は今やります。インライン要素が動的であると言うときは、おそらく動的言語も使用するでしょう。したがって、いくつかの条件文を使用して、インラインオブジェクトにCSSスタイルを追加することができます。

また、プロジェクトに応じて、ブロック要素にスパンを含めることもできます。もう1つは、ブロック要素を2つ以上ブロックすることです。そのため、他の要素にはfloatingの効果はありません。

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

申し訳ありません、インラインCSSです。可能であればインラインをdisplay:blockに設定すると同じ効果が得られます。または、次の要素に対するfloatingの影響を避けるための別のオプション：<div style="clear:both"></div>のようなものをすべて使用してください。

ほとんどの人が知っていることは、CSSにはそれ自身の「条件文」がありますが、CSS 4までは祖先を直接選択することはできません。しかし、望む結果を他の方法で達成するための方法は（私が知る限り）他にありません。

Answer 2

任意のより多くの情報がなければ、私はお勧めできる唯一のことはこれです：

element { 
    display: block; 
    float: right; 
} 

Answer 3

私はあなたが行うことを示唆する傾向のようになります。

div { float: left; } 

プレビュー：http://jsfiddle.net/Wexcode/9DCDN/