如何在html中并排放置两个徽章

Question

这是我的 fb 和linkedin 徽章的代码，我希望它们并排出现。

<div class="LI-profile-badge"  data-version="v1" data-size="medium" 

data-locale="en_US" data-type="vertical" data-theme="dark" data-vanity="anshul-rai-20a450171">

<a class="LI-simple-link" href='https://in.linkedin.com/in/anshul-rai-20a450171?trk=profile-badge'>Anshul Rai</a>

</div>

<br>

<div class="fb-page" data-href="https://www.facebook.com/auralshin/" 

data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">

   <blockquote cite="https://www.facebook.com/auralshin/" class="fb-xfbml-parse-ignore">

    <a href="https://www.facebook.com/auralshin/">Auralshin</a>

   </blockquote>

</div>    

我希望两个徽章平行并排出现

Answer 1

divsblock默认情况下具有 display 属性，将它们放在单独的行中使用display:inline-block您的div容器将它们放在线上。