Html 对齐类似Facebook的按钮

我是一个noobie wed开发者。我在我的网站上添加了一个Facebook推荐/分享按钮，但我不知道如何水平/垂直对齐它。它附带了一个id标签，我把它放在CSS中（我用

左边距

，

右边距顶部

，等等进行编辑），但看不到所做的任何更改

我做错了什么

HTML:

<div class="fb-like" data-href="https://www.facebook.com/getbarterly" data-width="450"
     data-colorscheme="dark"  data-layout="standard" data-action="recommend" 
     data-show-faces="true" data-share="true"></div>
</div>

---

尝试绝对定位div并使用上/左或下/右

.fb-like {
position: absolute;
left: 20px;
top: 200px;
}

---

希望它能起作用：）

我在这里用相同的标记做了一个小例子：

正如你所看到的，保证金运作良好。也许这是另一个问题，只有当您向我们展示一些工作代码时，我们才能提供帮助

您可以尝试用另一个div包装.fb like，并在其上应用所有样式，因此您只使用您的类，并使代码更加可重用。

---

此外，示例上还有一个额外的结束div标记。

显示一些代码。你似乎在正确的轨道上，但也许你只是忽略了一些东西。你是什么意思

“如何水平/垂直对齐”

？我想让它坐在“让我交易！”框下面@如果您正在寻求帮助，请提供最小数量的代码，以便在问题本身中重现您的问题。你可以创建一个简化的版本，这样我们就可以用一种简化的方式更好地理解你的问题，这样做有效吗？这是在黑暗中拍摄的，我们不知道OP（原始海报）到底想要什么。另外，请使用更知名的来源，如Mozilla或W3（不属于W3学校）W3学校有什么问题？而且，猜测“OP”想要什么也没什么错。。。投票否决并不是真的必要。“对于许多初学者来说，W3Schools已经组织了教程和操场，提供了良好的学习体验。但是，如果不从更知名的渠道学习，继续你的教育将是一个错误，因此当你准备升级时，继续前进。”该“OP”声称他们是网络开发的新手，这一段说明这对初学者来说是一次很好的学习经历。不管怎样，这真的很重要吗？它仍然是一个有额外信息的网站。@Zachsauier感谢我没有注意到这个网页的链接。它们看起来真的很不错。是你的css代码有问题，还是css找不到类？试着改变一个你知道有效的值，比如背景色，如果它改变了背景色，那么我们就知道这是我给你的css代码的问题，如果颜色没有改变，那么css就不会影响类。我找到了答案！我无意中在输入样式表的代码上方加了一个括号。愚蠢的错误！谢谢

.fb-like {
position: absolute;
left: 20px;
top: 200px;
}

<div class="fb-like" data-href="https://www.facebook.com/facebook" data-width="450"
 data-colorscheme="dark"  data-layout="standard" data-action="recommend" 
 data-show-faces="true" data-share="true"></div>