Have some image tests

Indeed, have some image tests!

TEST 1 Text text text text text text text looooo­ooooooo­oooo­ooooooo­ooong word

1) Standard (right) corner image w/ fixed size: div class “cornerImg”, div max-width desired size, image width same as div max-width:

TEST 2 Text text text text text text text looooooo­ooooooo­oooooo­oooooooo­ooooooo­ooooo­ooong word

2) Left corner image w/ relative size: div class “cornerImgLeft”, div width 30%, image width equal to div width (240px = 30% of 800px post width):

3) Centered image: div class “centerImg”, div max-width 480px, image width same as div max-width:

TEST 3 Text text text text text text text text text text text text text text text text text loooooo­oooooooo­ooooooo­oooooooo­oooooooo­oooooooo­ooooo­oooong word (with soft hyphens to prevent breaking the layout!)

4) Full-width center image: div class “centerImg”, no div width, image width 800px (full post width):

TEST 4 Text text text text text text text text text text text text text text text text text text text text text text text text text text looo­ooooo­ooooo­ooooo­ooooo­ooooo­oooo­ooooo­ooooo­ooooooo­ooooooo­ooooooo­ooooooo­oooooo­oooooo­ooooo­oooooo­oooooo­oooooo­ooooooo­oooooo­oooooo­oooong word (with some soft hyphens to prevent breaking the layout!)