Question

我对以下html有疑问：

     <div id="HomeVideo"><a href="#"><img src="images/playvideoscreen3 copy.png" width="614" height="376" /></a></div>  
     <br />
     <div id='HomeVideo1'><a href="#"> 
        <img src="images/videoCamera_icon.png" border="0">
        </a>
     </div> 
     <div align="center"><a href="RequestInvite.aspx" target="_blank" style="text-decoration: none"><span class="text2">Sign Up  Now</span></a>
     </div>

我希望立即注册与videoCamera_Icon在同一行，但不确定我需要做什么。请注意，将它放在HomeVideo1 div中将不是答案，因为我已将代码连接到div。

Answer 1

您可以将#HomeVideo1和“立即注册”放在同一个容器div中并设置display: inline-block;。

Answer 2

Div默认为块级元素，这就是它将顶部和底部边距相加的原因。你可以在div上使用css display：inline 。

  <div id="HomeVideo"><a href="#"><img src="images/playvideoscreen3 copy.png" width="614" height="376" /></a></div>  
     <br />
     <div id='HomeVideo1' style="display:inline;"><a href="#"> 
        <img src="images/videoCamera_icon.png" border="0">
        </a>
     </div> 
     <div align="center" style="display:inline;"><a href="RequestInvite.aspx" target="_blank" style="text-decoration: none"><span class="text2">Sign Up  Now</span></a>
     </div>

您还可以添加 display：inline-block ，而不是内联

让DIV在同一条线上

2 个答案: