Question

同じ行に両方のフェイスブックアイコンを作成する方法を説明できますか？ これは単純なコードですが、私は、CSSで

<i><h1 align="center">Lorem Ipsum</h1></i> 
<p> 
    <img src='https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRcJVzb8HeSBBgdqKTmAhtBwG0EeMuO660TwErH9HaXPf76JFp5fw' width="95px" heigh="85px"> 
</p> 
<i><h3 align="center">Lorem</h3></i> 
<p style="text-align: right;margin-right: 25px; font-size: 21px;margin-top:-15px;"> 
     <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRcJVzb8HeSBBgdqKTmAhtBwG0EeMuO660TwErH9HaXPf76JFp5fw" width="95px" heigh="85px"> 
</p> 

And this is the demo

正しいデモよくないよ - あなたの最初の画像にクラスを追加しますhttps://jsfiddle.net/vjt4vxmL/2/

Answer 1

あなたの構造はかなり奇妙ですが、あなただけの水平画像でボタンを整列するのiframeの高さを低くすることができます：

「同じ行の」

<iframe height="36"... 

https://jsfiddle.net/vjt4vxmL/3/

Answer 2

。このコードでは、ボタンを互いのすぐ隣に置くだけで、コード内の単語クラスを割り当てたクラスに置き換えます。あなたが使用することができ、互いの両方が次整列する

 .class { 
     position: relative; 
     top: 60px; 
     left: -100px; 
    }