How could I center multiple images on the same ‘line’?
I find the image alignment defaults to be very limiting. At present I can align left, right, center or none. If I align center then I can have one image per ‘line’, but if I were to put two images in the edit field, both aligned center with no line breaks between them, I’ll still get one image aligned center, then another below it also aligned center.
This is a waste of space – what I would like to be able to do is put two or even three images all next to each other, but have the unit that is made up of the three of them aligned center so that there is equal white space to the left of the leftmost image and right of the rightmost image.
I’m guessing that the only way to do this is to align them all to ‘none’, place them next to each other in the Edit Post markup, then wrap them in some inline styling code right there in the Edit Post box that aligns the whole lot center, but I can’t work out how to achieve this.
In the long term I’d prefer it if I could do some CSS coding that recognises when multiple images are placed together and aligned center, and realise that I don’t want them all on separate lines.
If anyone could show me what I’d need to do to achieve either or both of these potential solutions I’d be really grateful!
- The topic ‘How could I center multiple images on the same ‘line’?’ is closed to new replies.