Google плюс один код как встроенный блок

Question

Я получаю Google плюс один код следующим образом. Это хорошо показывает кнопку.

<div class="g-plusone" data-href="http://www.example.com"></div> 

<script type="text/javascript"> 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script> 

Когда я положил некоторый HTML после этого кода, +1 кода создает новую строку, а следующие элементы apeear в чистой линии. Я попытался изменить «div» на «span», я попытался добавить «style="display: inline"» в «div». Но никто из них не работал.

Как я могу изменить этот фрагмент кода, чтобы следующие элементы не были в новой строке?

спасибо.

Answer 1

Вы не можете изменить, насколько мне известно, то, что Google вводит на вашу страницу, но вы можете соответствующим образом настроить его на CSS на своей странице.

Answer 2

Вы можете использовать тег Div, чтобы поместить его в соответствие с кнопкой facebook ... Посмотрите ...

<div style="margin-top: 11px;"><li class='g-plusone' data-size='tall'/></div></div> 

Перед этим необходимо запустить скрипт, который является обязательным:

<script async='' defer='' src='https://apis.google.com/js/platform.js'></script> 

Это будет работать на вас.