How do you align these images perfectly?

[cyberpike]

I have these aligned in illustrator, but I want them to be aligned at the right distance in my CSS code, I cannot seem to figure out how to get them to be aligned properly both distance wise from the edges and from each other.

http://imgur.com/Dkh2a8b

[Beverleyh]

Only an image? Hmmm, you need to provide your code to show us what you’ve tried yourself.

Tip: Look into Flexbox. We’ve touched on that before… https://css-tricks.com/forums/topic/i-cant-seem-to-get-the-image-to-function-the-way-that-i-want-it-to/#post-244929
(You’re welcome by the way)

Or try 3 floated block-level elements and the appropriate maths to get their width; 100 / 3 = 33.333%. And maybe look into “box-sizing” to absorb padding, etc., from the box model (also Google “box model” if you’re unsure what that is).

Good luck with your project.

[Author]

Posts