Question

你能解释一下如何在同一条线上制作两个facebook图标？这是简单的代码，但我不擅长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

在第一张图片中添加课程。这段代码应该将按钮放在一起，只需将代码中的单词class替换为您指定的任何类。

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

Answer 2

要将两者对齐，您可以使用： img{float:left;}

Answer 3

您的结构相当奇怪，但您只需降低iframe的高度，即可使按钮与图像水平对齐：

<iframe height="36"...

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

样本图标衬在同一条线上

3 个答案: