I'm having trouble getting these photos to display in the same row. Any suggestions on what I should change? https://i.stack.imgur.com/EbvmR.png
I've attempted using float left and other commands, but one picture continues to stay in the lower right corner.
<section id="services">
<div class="container">
<div class="row wow fadeInUp">
<div class="col-md-4">
<img src="resimler/bimplus.jpg" class="wow fadeInRight">
<h4 class="wow fadeInRight delay-2s">BIMPLUS</h4>
<p>HNP</p>
</div>
<div class="col-md-4">
<img src="resimler/brighe.jpg" class="wow fadeInRight" height="80px">
<h4 class="wow fadeInRight delay-2s">BRIDGE</h4>
<p>HNP</p>
</div>
<div class="col-md-4">
<img src="resimler/precast.jpg" class="wow fadeInRight">
<h4 class="wow fadeInRight delay-2s">PRECAST</h4>
<p>HNP</p>
<div class="col-md-4">
<img src="resimler/precast.jpg" class="wow fadeInRight">
<h4 class="wow fadeInRight delay-2s">PRECAST</h4>
<p>HNP</p>
</div>
</div>
</div>
</section>
In my style.css file, I've also tried adjusting the margin-left and float left properties without success.
#services
{
background-color: #efefef;
padding-top: 80px;
padding-bottom: 80px;
}
#services .col-md-4
{
padding: 20px;
}
#services .col-md-4 h4
{
padding: 5px;
}
#services .col-md-4 img
{
width: 200px;
display: inline-block;
}
#services .col-md-4 p
{
padding: 5px;
text-align: justify;
}