html - 如何将 facebook 的 likebox 与标题标签保持在同一行？

Question

嘿，我想在我的 header 标签 (h2) 旁边添加一个赞框，并将其保持在同一行。所以它看起来像:This is the Title LikeBox

然而，正在发生的事情是 likebox 会像这样从一个新行开始:

This is the Title
LikeBox

有没有人愿意帮我解决这个问题？如果可能的话？

我的 CSS 是:

.post-details h2 {
border-bottom: 1px solid #E1E1E1;
font-size: 16px;
margin: 0 0 0 0;
padding: 0 0 5px 0;
font-weight: bold;
}

html代码是:

<h2><?php the_title(); ?><h2>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="<?php echo get_permalink(); ?>" layout="button_count" show_faces="true" width="50" rel="nofollow"></fb:like>

感谢您的宝贵时间。

Answer 1

@乔尼h1,h2,h3,<p>它们都自动占用 100% 的宽度。所以，你必须给你的 h2 float 标签

.post-details h2 {
float:left;
border-bottom: 1px solid #E1E1E1;
font-size: 16px;
margin: 0 0 0 0;
padding: 0 0 5px 0;
font-weight: bold;
}
#fb-root {
    float:right;
}