We help IT Professionals succeed at work.

trying to make div inline

St_Aug_Beach_Bum
St_Aug_Beach_Bum used Ask the Experts™
on
I have a css file I can edit, it has this:

--------------------------
.addtoany_share_save_container{clear:both;line-height:32px;margin:16px 0}
.addtoany_list{display:inline}.addtoany_list a{padding:0 9px}
.addtoany_list a img{height:16px;opacity:.7;overflow:hidden;vertical-align:middle;width:16px}.addtoany_list a:hover img,.addtoany_list a.addtoany_share_save img{opacity:1}iframe.addtoany_special_service{padding:0 9px;vertical-align:middle}a.addtoany_share_save img{border:0;width:auto;height:auto}
--------------------------

I have a div that is generated by a script, it's like this:

--------------------

<p>There's some text here.<div class="a2a_kit a2a_target addtoany_list" id="wpa2a_1"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.sure-start.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>
<script type="text/javascript"><!--
wpa2a.script_load();
//--></script> </p>

-------------------------------

Right now, that image appears below the line of text. I would like it to appear inline - at the end of the text but on the same line.

Is there a way I can change the css code (or anything else) to make that happen?

Thanks,

Chris
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Commented:
Try giving display:inline style to div's css.

Author

Commented:
That was easy - thank you!