<body>
タグの直後、テキストの前に、これが HTML ファイルに組み込まれていると考えてください。
<div style="width:100%; height=320pix; background-color:black">
<img src="logo.jpg">
</div>
私の場合、これによりブラウザ ページの上部に黒い「バナー」が作成され、ロゴ画像 (高さ 320 ピクセル) が左側に配置されます。右に移動して、テキストをそのままにしておくにはどうすればよいですか? それを達成するためのこのコードへの最も簡単な追加を知りたいです。タグラインで指定するstyle="float:right"
と、<img ...>
それに続くテキストが回り込み、バナー効果が損なわれます。
ただし...同じ要素を<style>...</style>
HTML内のブロックに転送し、img{float:right;}
すべてを含めると正常に機能します。2 つのアプローチで浮動動作が異なる理由がわかりません。頭が爆発しそう…
考えられるリード -この質問は単純であることを示していますが、指定されたコードを正確に試してみても、まだ機能しません。!DOCTYPE または同様の問題でしょうか? ブラウザとして Firefox 15.0.1 を使用しています。