Edit in JSFiddle

<!--
Code made by Felipe Rivero - Web Developer
Portfolio: https://feliperivero99.github.io

-->


<div class="container">
<div class="left">
<img src="https://via.placeholder.com/150" alt="Smiley face" height="150" width="150">
    </div>
<div class="right">
<img src="https://via.placeholder.com/150" alt="Smiley face" height="150" width="150">
         
    </div>
<div class="center">
<img src="https://via.placeholder.com/150" alt="Smiley face" height="150" width="150">
    </div>
</div>

.container{
    text-align:center;
	margin-top:8em;
}
.left{
    float: left;
    background:blue;
	color:white;
}
.right{
    float: right;
    background:red;
	color:white;
}
.center{
    background:green;
   display:inline-block;
   color:white;
}