두 줄 위젯을 같은 줄에 표시하려면

나는 WordPress 페이지에 Twitter와 LinkedIn Share 위젯을 가지고 있습니다. 같은 줄에 있지만 두 가지 위젯을 헛되게 표시하려고합니다. 두 줄 위젯을 같은 줄에 표시하려면

이

은 위젯을 표시하는 코드이다.

<a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script> 
<script type="IN/Share" data-counter="top"></script>

나는 그것을

.share_icon{ 
white-space: nowarap; 
}

에 CSS 클래스를 적용하려하지만 여전히 수평으로 정렬되지 않습니다. 친절하게 도와주세요.

출처

2016-11-09 user3402248

https://www.tutorialspoint.com/html/html_span_tag.htm에 대한 자세한에 대한 링크는 가로 또는 세로로 같은 줄에 의미합니까입니까? 이것은 내 사이트에 코드를 붙여 넣을 때 위젯을 얻는 방법입니다. http://imgur.com/a/4SsWr –

div에이 앵커 태그를 감싸고 표시 : 인라인 블록, @ user3402248 –

스팬에서 두 위젯을 둘러싸십시오. 스팬은 인라인 요소에 사용됩니다. 여기 https://jsfiddle.net/wnsg3js0/

<span> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 
    <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script><script type="IN/Share" data-counter="top"></script> 
</span>

위한 바이올린과 스팬

출처

2016-11-09 18:20:50

두 줄 위젯을 같은 줄에 표시하려면

답변

관련 문제