効果を実現する方法を教えてください_html/css_WEB-ITnose

html css

非常に簡単そうに見える質問をしたいのですが、私はいつも間違いを犯し、効果を達成することができません。 要件は次のとおりです:



左側にフローティングイメージを配置する予定です。 div が右側にあり、h3 が右側にあります。 。スタイルコードは次のとおりです。






しかし、それがリリースされた後、Firefox での結果は次のようになりました


ああ、本当に方法はありません。何が問題なのでしょうか?

ディスカッションに返信する (解決策)

right{float:right}

コードを直接投稿するだけです。自分で再入力する必要があることはまれですか。

コードを投稿していただけますか?

最後の右フロートを試してください

フローティングなしの右側
CSS コード:

.left {  float:left;  display:inline;  height:100px;  width:100px;}.right{  margin-left:105px;  height:100px;}

HTML コード:

<div class="left"><img src="" alt="" /></div><div class="right">里面是内容</div>

フローティングなしの右側
CSS コード:

.left {  float:left;  display:inline;  height:100px;  width:100px;}.right{  margin-left:105px;  height:100px;}

HTMLコード:
りー

3Q!!