如何在HTML中彼此相邻放置文本和图像？

我希望文本和图像彼此相邻，但我希望图像位于屏幕的最左侧，并且我希望文本位于屏幕的最右侧。这是我目前拥有的...如何在HTML中彼此相邻放置文本和图像？

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

我该怎么做？

感谢

CSS：'float：left;'和'float：right'？ – tymeJV

''标记已从HTML5中移除。请删除它，并用等效的CSS替换它;） – lifetimes

您可以使用css将它们放在div中，并使用适当的浮动：右侧或左侧将它们放在它们各自的侧面。 div的宽度可以设置为允许你有“最左”和“最右”你想要的。 – Josh

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

请注意，你可能会想使用的样式clear:both上任何元素来自您所提供的代码之后，使其不直接向上滑动下方浮动的元素。

2013-06-20 17:15:31 j08691

这工作得很好。谢谢。 – Combine

唯一的问题是，一个父div将大小，这是一个问题，如果你使用的背景颜色等 – User

@User“父div将大小”是什么意思？ – j08691

你想使用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; 
}

2013-06-20 17:18:23

您可以使用垂直对齐和浮动。

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

垂直对齐：基线|长度|子|超级|顶部|文本顶|中间|底部|文本底部|初始|继承;

中间的定义是：元素放置在父元素的中间。

所以你可能想把它应用到元素中的所有元素。

2017-02-02 17:49:51 Illuminati

回答