side by side images

Hi – Assign a float: left to the image.

This might already exist in your stylesheet. Look for something called
.alignleft

If you don’t see it, add this line:
.alignleft { float: left; padding: 15px; }

when you add an image enter the code like this
<img src="...filepath..." class="alignleft" alt="something" />

Is it not possible to do this without getting into code? FrontPage was fantastic. I could do everything without code. I could explain to all our other team members how to do a simple task without learning code for every little thing.

It’s due to your theme’s css in the style.css, likely one of these:

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

display: block; forces an image to be on its own line. Don’t center images that you want side by side unless they are in a table or a floated div.

So what should it say instead of display: block?

So what should it say instead of display: block?

*sigh* So what should it say instead of display: block?

I’ve solved this problem in the following manner:

https://vivin.net/2009/11/05/displaying-images-side-by-side-in-wordpress/