skype javascript插件格式

Question

I'm trying to integrate skype button in the header file of wordpress (header.php) and its successfully been integrated into the file, but I'm facing difficulty with the format, as I was having mail-id, phone number and skype displaying in the same line, now its displaying one in each line.

Here is my code:

<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_mspchelp_1">
<script type="text/javascript">
Skype.ui({
  "name": "dropdown",
  "element": "SkypeButton_Call_mspchelp_1",
  "participants": ["mspchelp"],
  "imageSize": 24
});
</script>
</div>

and this link where I'm utilizing this code.

Answer 1

add this on each element:

display: inline-block;

Here's the output, i edited some css alignment.

screenshot:

then rearrange your HTML order to:

mail-id, phone number, skype

your current html order is:

mail-id,  skype, phone number