我试图让三个div
在同一行作为标题的三个图像下面是中心的文本.我可以左右工作,但中间的那个就是不工作,不管我怎么努力.
我try 了很多不同的方法,比如混乱margin
和padding
的值,改变容器的排列,以及将图像移动到单独的div
.这是我最接近的一次了
body {
background-color: #FFFDD0;
}
header {
text-align: center;
}
img {
border: 2px black groove;
width: 200px;
height: 150px;
padding: 0px;
display: block;
}
a {
text-decoration: none;
color: black;
}
div {
text-align: center;
display: absolute;
margin: 0px;
padding: 0px;
}
h3 {
clear: none;
display: inline;
}
<header>
<h1>Brent Tracker Version Log</h1>
</header>
<article style="text-align: center;">
<div style="float: left"><h3>Version 1</h3>
<a href=""> <img src="https://picsum.photos/200/300?grayscale"></a>
</div>
<div style="margin: auto;">
<h3>Version 2</h3>
<a href=""> <img src="https://picsum.photos/seed/picsum/200/300"></a>
</div>
</article>
我知道我可能遗漏了一个非常简单的解决方案.我对编程还是个新手.