2017-01-18 4 views
0

CSSで2つの画像をインラインで設定したいのですが、CSSは別のstyle.cssファイルではなくHTML要素に入れる必要があります。このようリンクインラインで2つの画像を設定するには

<ul style="display: inline"> 
<li>image</li> 
<li>image</li> 
</ul> 

私はビデオコーナー画像の横に、このページhttp://www.top20broker.com/eco-calender/に複数の画像を追加したいと思います。

+0

ようこそ!最初に[ツアー(http://stackoverflow.com/tour)に参加して[良い質問をする方法](http://stackoverflow.com/help/how-to-ask)を学んで[最小、完全、および検証可能](http://stackoverflow.com/help/mcve)の例を参照してください。そうすれば、私たちがあなたを助けやすくなります。 –

答えて

1

あなたは1行に2枚の画像を設定したい場合は、次のようにあなたがそれを行うことができます。

<div style="display:inline"><img src="pic1.jpg" /></div> 
<div style="display:inline"><img src="pic2.jpg" /></div> 

最初の画像が表示してdiv要素で叩いする必要がありますインライン。

0

同じ行に2つのイメージを並べて表示することです。IMGタグがインラインブロック要素のように機能するため、コンテナのサイズが十分大きい場合は特別なコードは必要ありません。スタックオーバーフローへ

<img src='http://placehold.it/250x130'> 
 
    <img src='http://placehold.it/250x140'>

関連する問題