Images in

Hi!

I want a div which is a box with a shadow to contain 3 images. But for some reason it places the images on top and slightly under the div. My code is the following:

<div class="schaduwbox effect2" style="text-align: center; padding-bottom: 30px; padding-top: 10px; margin-bottom: 24px; margin-top: 0px; width: 100%; border: 1px solid #eaeaea;">

<h1 style="color: #555; padding-top: 0px;">Stap 2</h1>
<h5 style="color: #5ab3da;">Neem de Basisartikelen Door</h5>

<div class="one-third first"><img src="https://www.mysite.com/wp-content/uploads/2016/09/voeding.jpg" />
</div>

<div class="one-third"><img src="https://www.mysite.com/wp-content/uploads/2015/05/lichaamscompositie.jpg" />
</div>

<div class="one-third"><img src="https://www.mysite.com/wp-content/uploads/2016/09/training.jpg" />
</div>

</div>

Any pointers?

• This topic was modified 8 years, 1 month ago by gsef.