在工具栏中对齐文本和按钮

Question

我刚刚在我的博客上安装了Foobar，但是几周之后我的客户支持人员仍然没有回复。

我基本上应用了他们提供的这种自定义修改（http://codecanyon.net/item/foobar-wordpress-notification-bars/full_screen_preview/411466），将Like按钮添加到顶部的工具栏中。

我所挣扎的是在<div id="social_target"></div>之前对齐一些文字，这样文字和Likebutton就会对齐，就像在Facebook上一样！ LIKEBUTTON＆＃34;

现在，当我在<div id="social_target"></div>之前添加文字时，会显示文字，但文字下方会显示相似按钮，因此根本无法显示。

我该怎么做？

Answer 1

我不确切知道wordpress是如何工作的，如果你有权访问html代码，但是如果是，请尝试将文本放在div中并对其应用一些css，这样的事情应该有效：

<div style="width: 400px;">
    <div style="float:left;">Like us on Facebook!</div>
    <div id="social_target"></div>
</div>

宽度的值只是猜测，你可以调整它。

Answer 2

要检查的一些事项：

你的整个代码（文本和social_target div）是否太小了？如果是这样，它会将Div推到下一行。您需要编辑将这些内容放入的Div的大小。

确保将CSS应用于Div，使其保持在同一行。或者，您可以使用span：

<span id="social_target"></span>

否则，除非您指定以下内容，否则Div将被推送到新行：

#social_target { display:inline-block; }

或

#social_target { float:right (or left); }

就像卢卡斯在上面的代码中一样。