横に並べて配置された4つの画像があります。これらの各画像の下にテキストを配置しようとしています。これは私が今持っているものです。
HTML
<div class="team">
<h3>Our Team</h3>
<img src="image.jpg" width="200px" height="200px" hspace="20" /> <h3>John Doe</h3>
<p>Text</p>
<p>Text</p>
<img src="image.jpg" width="200px" height="200px" hspace="20" /> <h3>John Doe</h3>
<p>Text</p>
<p>Text</p>
<img src="image.jpg" width="200px" height="200px" hspace="20" /> <h3>John Doe</h3>
<p>Text</p>
<p>Text</p>
<img src="image.jpg" width="200px" height="200px" hspace="20" /> <h3>John Doe</h3>
<p>Text</p>
<p>Text</p>
</div>
CSS
.team {表示:ブロック; float:bottom; パディング:10px; マージン:15px; }