Can'；HTML中的t中心对象

我想把这两个物体放在一起。 这是我目前对我的身体所做的

我想把这个放在房间最左边

<h2><font color="#0101DF"><font face="Verdana">The Lastest Videos</font></h2>
<div class="fadein">
<img src="minecraft zombie.png">
<img src="Minecraft Clipart Edited.png">
<img src="Thumbnail.png">
</div>

最新视频

我想把这个放在sceen的最右边

<div style="text-align: right;">
<h2><font color="#0101DF"><font face="Verdana">Top 10 Free To Play Games</font></h2>
<h4><font color="#9933CC"><font face="Verdana">#1 PlanetSide 2</font></h2>
<h4><font color="#9933CC"><font face="Verdana">#1 PlanetSide 2</font></h2>
<h4><font color="#9933CC"><font face="Verdana">#1 PlanetSide 2</font></h2>
</div>

十大免费游戏
#1机旁2
#1机旁2
#1机旁2

但我希望这两个对象彼此相邻。 我知道这有点混乱，对不起，我不知道如何解释清楚

---

谢谢

您可以像在中一样浮动它们

---

在CSS中，您可以通过使用

float:left来左右移动
s和<代码>浮动：右侧

如果您的问题是您的
和
出现在不同的行上，您可以使用
dispaly:inline block
将它们强制显示在同一行上

所以试试类似的方法

<div style="float: left;">
  <h2><font color="#0101DF"><font face="Verdana">The Lastest Videos</font></h2>
  <div class="fadein">
    <img src="minecraft zombie.png">
    <img src="Minecraft Clipart Edited.png">
    <img src="Thumbnail.png">
  </div>
</div>
<div style="float: right;">
  <h2 style="display:inline-block;"><font color="#0101DF"><font face="Verdana">Top 10 Free To Play Games</font></h2>
  <h4 style="display:inline-block;"><font color="#9933CC"><font face="Verdana">#1 PlanetSide 2</font></h2>
  <h4 style="display:inline-block;"><font color="#9933CC"><font face="Verdana">#1 PlanetSide 2</font></h2>
  <h4 style="display:inline-block;"><font color="#9933CC"><font face="Verdana">#1 PlanetSide 2</font></h2>
</div>


最新视频
十大免费游戏
#1机旁2
#1机旁2
#1机旁2
您应该记住，HTML中的布局只是框。如果你能这样想，你就能成就任何事

所以你首先需要的是一个大盒子，这样你就可以轻松地移动小盒子。考虑到这一点，我创建了一个容器div，并在其中放置了两个div。每一个都有一个宽度规格，从而使它们成为“列”。如果你尝试下面的代码，你会得到你想要的

<div class="container">
<div id="left" style="width: 49%; float: left; display: block;">
<!-- left -->
<h2 style="color: #0101DF; font-family: Verdana">The Lastest Videos</h2>
<img src="minecraft zombie.png">
<img src="Minecraft Clipart Edited.png">
<img src="Thumbnail.png">
</div>

<div id="right" style="width: 49%; float: right; display: block;">
<!-- right -->
<h2 style="color: #0101DF; font-family: Verdana">Top 10 Free To Play Games</h2>
<h4 style="color: #9933CC; font-family: Verdana">#1 PlanetSide 2</h4>
<h4 style="color: #9933CC; font-family: Verdana">#1 PlanetSide 2</h4>
<h4 style="color: #9933CC; font-family: Verdana">#1 PlanetSide 2</h4>
</div>

<!-- end container -->
</div>


最新视频
十大免费游戏
#1机旁2
#1机旁2
#1机旁2

如果这不是你想要的，你能详细说明这个问题吗，或者提供一张你想要达到的目标的截图/Photoshop图片

不管怎样，HTML非常简单！加入一些CSS，你会很可爱的（我已经将你的代码转换为CSS替换，而不是讨厌的东西！
分别使用
float:left
和
float:right
。此外，你应该停止使用
font
标记。你在说什么字体标记呢？在他们当中，
font
标记是一种不好的做法，有几个原因。最明显的是，它是dep在HTML4中重述，在HTML5中不受支持。您最好找到一个合适的标记（可能
span
）通过CSS设置字体/颜色。从
h2
直接到
h4
也是一种不好的做法，说你用
h4
s来表示字体大小，这是一种更糟糕的做法。我试过了，但它们仍然在彼此下面，我需要它们挨着彼此。我共享的小提琴是否没有按预期的那样工作？小提琴的宽度是多少你的浏览器？如果两个都不合适，那么其中一个会低于另一个。你可以给它们两个固定的宽度，看看这是否有帮助。
<div class="container">
<div id="left" style="width: 49%; float: left; display: block;">
<!-- left -->
<h2 style="color: #0101DF; font-family: Verdana">The Lastest Videos</h2>
<img src="minecraft zombie.png">
<img src="Minecraft Clipart Edited.png">
<img src="Thumbnail.png">
</div>

<div id="right" style="width: 49%; float: right; display: block;">
<!-- right -->
<h2 style="color: #0101DF; font-family: Verdana">Top 10 Free To Play Games</h2>
<h4 style="color: #9933CC; font-family: Verdana">#1 PlanetSide 2</h4>
<h4 style="color: #9933CC; font-family: Verdana">#1 PlanetSide 2</h4>
<h4 style="color: #9933CC; font-family: Verdana">#1 PlanetSide 2</h4>
</div>

<!-- end container -->
</div>