메인 로고 옆에 구글 플러스 버튼을 로고 하단이 아닌, 로고 바로 옆에 붙히는 방법

현재 아래와 같이 되있는 상황입니다.

메인로고 옆에 구글 플러스 버튼이 있는데 이를 오른쪽으로 정렬하는 방법좀 알려주세요..

구글 플러스 버튼이 사이트 로고 아래로 내려가네요.. ㅠㅠ 도와주세요.. 고수님들..

<!--// 메인로고 -->

<div class="hgroup ui_font">

<h1>

<a loop="$main_menu->list=>$key1,$val1" cond="!$layout_info->use_color && $val1['selected']" href="{$val1['href']}" class="on {@$_idx = 0}<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['selected'])-->{$_colorset_list[$_idx]}<!--@endif-->{@$_idx++}<!--@end-->">{$val1['link']}</a>

<a href="<!--@if($layout_info->index_url)-->{$layout_info->index_url}<!--@else-->{getUrl('')}<!--@end-->" class="home" style="position:relative;top:{$layout_info->img_y}px;left:{$layout_info->img_x}px"><img cond="$layout_info->logo_image" class="m_no_inline"|cond="$layout_info->logo_image_mobile" src="{$layout_info->logo_image}" alt="{$layout_info->logo_text}" /><img cond="$layout_info->logo_image_mobile" src="{$layout_info->logo_image_mobile}" class="m_yes_inline" alt="{$layout_info->logo_text}" /><block cond="!$layout_info->logo_image">{$layout_info->logo_text}</block><!--// Place this tag where you want the +1 button to render. -->

<div class="g-plusone" data-size="small" data-annotation="inline" data-width="120"></div>

<!--// Place this tag after the last +1 button tag. -->

<script type="text/javascript">

  window.___gcfg = {lang: 'ko'};

  (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></a>

</h1>

</div>