How to arrange images like this?

I'm trying to arrange images like the picture below? I'm already try float left, but it didn't display as picture below.

enter image description here

How do you align an image?

Aligning an image means to position the image at center, left and right. We can use the float property and text-align property for the alignment of images. If the image is in the div element, then we can use the text-align property for aligning the image in the div.

How do you arrange pictures in Excel?

Hold down Shift , click the objects that you want to align, and then click the Shape Format tab. Click Arrange > Align > Align to Page. Click Arrange > Align, and then click the alignment that you want.

CSS can't do it, you need JavaScript.

Specifically jQuery, and then jQuery Masonry.

Alternatively, if you'd prefer to stick to raw JavaScript, you can use Vanilla Masonry.

Take a look at the images demo: http://masonry.desandro.com/demos/images.html