Member ThomasCle had a similar issue in the topic:

http://forum.bytesforall.com/showthread.php?t=19625

His solution was to

set style="display:inline;" on the <img>

My plugin in question is WordPress Social Login.

I wonder if I should try the same as was advised for ThomasCle, as my images which were horizontally aligned in another WP theme, are now vertically aligned in this theme.



I'm just not sure where I set the image style to inline. In my widget's custom CSS? Here is the code that I can alter there:

#wp-social-login-connect-with {font-weight: bold;}
#wp-social-login-connect-options {padding:10px;}
#wp-social-login-connect-options a {text-decoration: none;}
#wp-social-login-connect-options img {border:0 none;}
.wsl_connect_with_provider {}

Example URL: http://pinballsoul.com/avengers-pro-...-pinball-news/

Thanks!

this is a great way to play with a code inspector like FireBug in FireFox. You can examine the html, see the CSS and change the css or add more to see what happens.

In FireFox on the MAC the second icon is the 'inspector'. After you click it and move the mouse to the page, you will see a box around the HTML elements. Click one and you will see the CSS on the right side of the bottom display. just go in and change the settings and you will see the changes right away. to add a new RULE, do to the last rule in a selector and hit the tab key and you can type in the new rule.

Thanks. I don't see any weird breaks after the image icons. Do you see something I'm missing?

try adding the 'display: inline' to different elements