我有三個h1
標籤,我想與三個圖像對齊。我怎樣才能做到這一點?我希望文字在圖像下對齊,但我現在的代碼已經關閉了很多。如何將文字置於圖像下方?
.column {
max-width: 960px;
padding: 0 100px;
}
.container {
display: flex;
justify-content: center;
}
.column>h1 {
display: flex;
font-family: 'Montserrat-Bold';
font-size: 30px;
text-align: center;
}
<div class="container">
<div class="column">
<img src="https://cdn.pbrd.co/images/7rG6nw7kN.png" alt="design">
<h1>Design</h1>
</div>
<div class="column">
<img src="https://cdn.pbrd.co/images/7rG6nw7kN.png" alt="design">
<h1>Code</h1>
</div>
<div class="column">
<img src="https://cdn.pbrd.co/images/7rFbByg7Y.png" alt="design">
<h1>Collaborate</h1>
</div>
</div>
需要添加你在這裏做什麼的詳細信息如下
片段。 – flamusdiu