gpt4 book ai didi

html - 如何将 h1 标签和图像标签相邻对齐在一行上?

转载 作者:太空宇宙 更新时间:2023-11-04 14:39:47 25 4
gpt4 key购买 nike

<分区>

我在尝试将图像和 h1 标签对齐在一行时遇到了问题。我试过 display: inline 和 inline-block 它们没有用,只做了两者的容器。我在该部分将宽度添加到 100%,但仍然没有。 float 也不起作用,如果起作用,它会破坏页面的对齐方式。我究竟做错了什么?在此处查看我的完整源代码:http://jsfiddle.net/TheAmazingKnight/bkmyv/

HTML

<section>
<img id="me" src="assets/img/pose1.jpg" alt="A photo of me." />
<h1>FOLLOW ME ON...</h1>
</section>

CSS

section{
display:inline-block;
width:100%;
}
h1{
font-weight:bold;
font-size:40px;
color:#FFFFFF;
background-color:#FFB405;
display:inline-block;
}

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