Image Placement Issues

[tobeeornot]

I”m looking to move an image of a saw in between two borders so it is looks likes this.

I believe I have centered the image correctly but it appears I haven’t and I am loathe to use padding if that is not right way, as I want this to be semantic as possible for a responsive design. I also need it to be placed within the two borders with one border stacked in front. Presumably I need use z-index to do that but I haven’t got that far.

JsFiddle

[tobeeornot]

Actually, I just noticed the suggested changed uses an empty div it which isn’t ideal. Any other suggestions?

JsFiddle

[Paulie_D]

I confess my inclination would be to do this as a background image.or three.

[tobeeornot]

That’s what I was thinking too but I thought doing i via css would have been preferable. I ‘ll give it a shot . thanks.

[Author]

Posts