Side by side images

Stefan LochbrunnerStefan Lochbrunner wrote 07/05/2015 at 17:09 • 3 min read • Like

1st approach:

edited html of both images:

(spaces and line breaks to insert space)

how I did it:

example here. if the editor deletes the formatting while you insert the empty space or make some other change to the text, try undo (ctrl+z) to restore it. worked for me (using chrome).

2nd approach:

create 1x2 table, drag&drop images:

same as before, with images resized to same height:

resizing images has the effect that they are assigned a fixed size in pixels which can lead to them not being displayed properly and looking different than in the editor. therefore don't shrink the larger (left) image but enlarge the smaller one.

also check out how this page looks on different monitor/window sizes to see the differences and especially how the resized image is being distorted.

for reference