Html 在同一行上有DIV

我对以下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>

---

我希望现在的注册与摄像机图标在同一条线上，但不确定我需要做什么。请注意，将其放在HomeVideo1 div中不是答案，因为我已将代码连接到该div。

您可以将

#HomeVideo1

和“立即注册”放在同一个容器div中，并设置它们的

显示：内联块

默认情况下，Div是一个块级元素，这就是它将上下页边距相加的原因。您可以在div上使用cssdisplay: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>

---

您还可以添加显示：内联块而不是内联块

我不确定这是否有效，因为我在单击#HomeVideo1时有代码。如果它们都在一个容器中，这应该不会有什么区别。这不会改变你的点击代码。