テキストとイメージをHTMLの隣に配置する方法は？

テキストと画像を隣り合わせにしたいのですが、画像を画面の左端に表示し、テキストを画面の右端に表示したいとします。これは私が現在持っているものです....テキストとイメージをHTMLの隣に配置する方法は？

<body> 
<img src="website_art.png" height= "75" width= "235"/> 
<h3><font face="Verdana">The Art of Gaming</font></h3> 
</body>

どうすればいいですか？あなたはおそらく、どんな要素にスタイルclear:bothを使用したいと思うでしょう

CSS： 'float：left;'と 'float：right'？ – tymeJV

HTML5の時点で「」タグが削除されました。それを削除して同等のCSSに置き換えてください;） – lifetimes

cssを使用してdivに配置し、適切な浮動小数点数を使用して、それぞれの辺に左右を置くことができます。 divの幅は、あなたが "遠い左"と "遠い右"を望むように設定することができます。 – Josh

img { 
    float:left; 
} 
h3 { 
    float:right; 
}

注意がそれが真下までスライドしないように、あなたが提供されているコードの後に来る

感謝浮動要素。

2013-06-20 17:15:31 j08691

それはかなりうまくいく。ありがとう。 – Combine

親のdivのサイズは問題あり、背景色などを使用している場合は問題です – User

@User親のdivのサイズはどういう意味ですか？ – j08691

この場合、css floatを使いたい場合は、コードに直接入れることができます。

<body> 
<img src="website_art.png" height= "75" width="235" style="float:left;"/> 
<h3 style="float:right;">The Art of Gaming</h3> 
</body>

しかし、私は本当にCSSの基本を学習し、別のスタイルシートへのアウトすべてのスタイリングを分割提案、およびクラスを使用します。それは将来あなたを助けるでしょう。始めるのに適した場所はw3schoolsですが、おそらく遅いパスのMozzila Dev. Network (MDN)です。

HTML：

<body> 
    <img src="website_art.png" class="myImage"/> 
    <h3 class="heading">The Art of Gaming</h3> 
</body>

CSS：

.myImage { 
    float: left; 
    height: 75px; 
    width: 235px; 
    font-family: Veranda; 
} 
.heading { 
    float:right; 
}

2013-06-20 17:18:23

あなたは垂直整列および浮動を使用することができます。

ほとんどの場合、画像の中央に縦に並べる必要があります。ここ

垂直整列：基線|長さ|サブ|スーパー|トップ|テキストトップ|中間|底|テキスト底|初期|継承。

中間の場合、定義は次のとおりです。要素は親要素の中央に配置されます。

したがって、要素内のすべての要素に適用することができます。

2017-02-02 17:49:51 Illuminati

答えて