Question

我希望文本和图像彼此相邻，但我希望图像位于屏幕的最左侧，我希望文本位于屏幕的最右侧。这就是我现在拥有的......

<body>
<img src="website_art.png" height= "75" width= "235"/>
<h3><font face="Verdana">The Art of Gaming</font></h3>
</body>

我该怎么做？

由于

Answer 1

img {
    float:left;
}
h3 {
    float:right;
}

请注意，您可能希望在您提供的代码之后的任何元素上使用样式clear:both，以便它不会直接在浮动元素下滑动。

Answer 2

您希望使用css float，您可以将其直接放在代码中。

<body>
<img src="website_art.png" height= "75" width="235" style="float:left;"/>
<h3 style="float:right;">The Art of Gaming</h3>
</body>

但我真的建议学习css的基础知识并将所有样式拆分为单独的样式表，并使用类。它将来会帮助你。一个好的起点是w3schools，或者可能是稍后的路径Mozzila Dev. Network (MDN)。

<强> HTML：

<body>
  <img src="website_art.png" class="myImage"/>
  <h3 class="heading">The Art of Gaming</h3>
</body>

<强> CSS：

.myImage {
  float: left;
  height: 75px;
  width: 235px;
  font-family: Veranda;
}
.heading {
  float:right;
}

Answer 3

您可以使用vertical-align和floating。

在大多数情况下，你想垂直对齐：中间，图像。

对于middle，定义为：元素放在父元素的中间。

因此，您可能希望将其应用于元素中的所有元素。