In my most recent post, Great Thinkers on Beer, I'm using HTML table alignment coding that works just fine on the w3schools.com "try it yourself" pages but not in my post. The images and text are supposed to be vertically centered within the row, and the quote should be horizontally centered when it doesn't need more than one line.
I've stripped out all but the bare essentials in an effort to eliminate possible errors with no success, including trying just the image without a caption. I did this after having to use the background image function on the w3schools.com "try it yourself" page. My original coding used separate one row tables where I alternated the positions of the image and the quote in each table to provide a more pleasing visual effect. I chose the table approach because it provided, I thought, a more reusable "comic strip" template potential than trying to do it with just text wrapping around the picture.
I don't get it. I've spent a lot of time gathering images and quotes for what I hoped to be a new "The Great Thinker" volume of my blog. I thought that I had the coding right, but now I'm fearing that I've just wasted a lot of time. Does anyone have any thoughts or suggestions that might help me? I'm willing to try a whole new approach, if necessary, as long as reproducing the technique is not a monstrous chore.
The blog I need help with is iwanticewater.wordpress.com.