Horizontal Images in a Post

It wasn’t me! See post three doors down.

Exsqueezee me. See post two down.

Sorry. You’d think I was new here…

Okay, “uncle”. Almost. I’ve tried to follow the directions above but I think there’s some “assumed” knowledge in there somewhere and I don’t know what it is. All I’m after is horizontally lined pictures EACH with a caption underneath.

This is the only thing in my css that has to do with images.

This is what the page contains.

If someone could shed some detailed light on what I’m doing wrong I would be most greatful. Please don’t make any assumptions about what I do and don’t know about css. “Splain it to me! Please.

You should remove that "float:left" from the img-tag in your page code, and put it to .caption in your css.

Oh sorry, and maybe a <br/> here… ??

<div class="caption"><img src="https://sirspeedyaddison.com/wp-content/uploads/2007/06/preston-crum-thumb.thumbnail.gif" alt="Preston Crum" title="Preston Crum"><br/>Preston Crum</div>

Okay. That helped but now I have pictures. It’s time to get serious!!

This is my css.

This is the code in the page.

This is the result.

Again I’m after horizontal pics with the sales rep’s name under the picture. What am I doing wrong?

Just saw your post Sivar. That worked perfectly. Thanks a bunch. Been almost two weeks trying to get a good answer to that. Nothing like clear, unassuming instructions. Now go to bed. ??

Hi, I tried all this, but my pictures are next to each other, but the second left is some pixels below the first one… and the text right to the second picture again is some picels below the second image. How can I resolve this?