[Solved] Trouble with Getting Text and Images on the same line

[halebales24]

I’m having trouble getting the contact information in the footer to line up with the social media icons on the right. I’m trying to get the links to be a few pixels apart on the same line, but floating left/right doesn’t work right and is putting it on the next line.

http://codepen.io/halebales24/pen/WvvwzY

[Paulie_D]

You really need to reduce that Codepen down to just the relevant parts …not the whole page.

There is way too much irrelevant stuff in there at the moment for us to wade through to find your specific issue.

Help us help you.

[halebales24]

I cleaned it up. It should be much easier to read now.

[Paulie_D]

I think you’re trying to do something like this…

http://codepen.io/Paulie-D/pen/ZGGeBv

Quite often floating is not the optimum solution..inline-block works much better in certain situations and this, I think, is one.

I do have to say that I really hate the way your structured the address.

I wanted to select that text and copy it (or was using a screen reader) it would be gobbledy-gook.

You can fix that by using spans and pseudo-elements –

http://codepen.io/Paulie-D/pen/yNNMop

[halebales24]

Thank you for your help. I appreciate it.

[Author]

Posts