gpt4 book ai didi

html - 如何在 HTML 中将 3 个对象并排放置

转载 作者:太空宇宙 更新时间:2023-11-03 20:00:51 24 4
gpt4 key购买 nike

我想将图像和 2 个文本并排放置。第一个文本在最左边。图像直接位于中心。最后一个文本在最右边。这是我目前拥有的...

<body>

<h2><font color="#99CC00"><font face="Verdana">MrEpicGaming4U</font></h2>
<img src="website_art.png" height= "75" width= "235"/>
<h2><font color="#99CC00"><font face="Verdana">The Art of Gaming</font></h2>

</body>

我该怎么做?

谢谢

最佳答案

您没有在 HTML 代码的正确位置关闭字体元素。

此外,将样式放在外部文件中是一个很好的做法(我谈论的是 CSS)。

为此改变:

<body>
<div class="container">
<h2>MrEpicGaming4U</h2>
<img src="Your url" height="75" width="235"/>
<h2>The art of gaming</h2>
</div>
</body>

放置这些 CSS 规则:

h2 {
font-family: "Verdana";
color: #9C0;
}

.container > * {
display: inline-block;
}

关于html - 如何在 HTML 中将 3 个对象并排放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17220188/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com