CSS HTML Can t align 3 pictures on the same line

Question

I'm having difficulty creating a website. I can't get three photographs to line up in a straight line.

<div>
				<img src="Images/mcdonalds.jpg" width="300px" height="180px">
				</div>
				<div>
				<img src="Images/cilipica.jpg" width="300px" height="180px">
				</div>
				<div>
				<img src="Images/mythay.jpg" width="300px" height="180px" >
				</div>

float: left is used

Answer 1

div is inherently display:block

you need to use something like a span that has display:inline-block