Can'；不要把图像带到HTML上

嘿，我正在尝试为我托管的服务器创建一个网站，我正在尝试将底部的两个图像放到上面的开放区域

有人能帮我吗？我不知道这个问题，我也不熟悉堆栈溢出，所以我没有一些人那么快。对不起，它也不允许我发布，因为代码太多了，所以我去掉了css

下面是代码的“JSFIDLE”链接：

我们的服务器。




我们的员工团队。
业主：
印地安人
点火
管理员：
不适用
主持人：
枯萎病_

您只需将所有图像对齐成一个正方形，这有助于实现更清晰和最少的代码：

CSS:

我刚做了“img”，但实际上你可以把它变成一个类，例如“.card”

HTML:

HTML:

显示您尝试过的代码。请发布代码，而不是代码的图片。对不起，伙计们，我是新来的，我正在尝试，但它不允许我。到目前为止，您尝试了什么？你试过在CSS中添加一个边距底部吗？@Isula是的，我尝试过了，它使页面变长了。我还可以在页面右侧添加两个长的边距底部吗？也非常感谢。我添加了图像以对齐右侧，希望能解决你的问题。正如我在问题中所说的，您可能希望在CSS中乱用数字以获得更好的匹配。您还可以查看此文档，了解如何对齐图像。

img { 
    width:20%; 
    display:inline-table; 
    margin:5px; 
} 

<div> 
    <img src="https://via.placeholder.com/350x150" /> 
    <img src="https://via.placeholder.com/350x150" /> 
    <br>
    <img src="https://via.placeholder.com/350x150" /> 
    <img src="https://via.placeholder.com/350x150" /> 
</div> 

.block { 
    width:20%; 
    display:inline-table; 
    margin:5px; 
} 
.side {  
    display:inline; 
    margin-left: 50%; 
    margin-top: -20%;
} 
.second { 
    display:inline; 
    margin-left: 50%; 
    margin-top: -1%;
} 

<div> 
    <img src="https://via.placeholder.com/350x150" class="block"/> 
    <img src="https://via.placeholder.com/350x150" class="block"/> 
    <br>
    <img src="https://via.placeholder.com/350x150" class="block"/> 
    <img src="https://via.placeholder.com/350x150" class="block"/> 
</div> 

<div>
    <img src="https://via.placeholder.com/150x300" class="side"/>
    <img src="https://via.placeholder.com/150x300" class="second"/>
</div>