如何在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容器将它们放在线上。