I'm trying to arrange images like the picture below? I'm already try float left, but it didn't display as picture below.
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With