简单菜鸟HTML

Question

一个快速的HTML问题。我是个新手，这让我困惑了好几个小时。使用Joomla中的自定义HTML模块，我似乎无法使内容正确地对齐。此错误发生在所有浏览器中，火狐除外。

在页面的右上角有一个标题“欢迎来到”。下面是一个Facebook登录，但在IE，Chrome，Safari不会与“登录”和“注册”相一致。请看这里，http://www.ribadvisor.com

希望有人能指出我做错了什么。我使用的HTML代码是：

<h3><div style="padding-top: 35px !important; margin-bottom: -12px !important; color: #f26f14;">Welcome to Rib Advisor</div></h3>
<a href="#login_lb" data-lightbox="on">Login</a>
<div style="display: none;">
<div id="login_lb" style="width: 270px; height: 300px; overflow: auto; padding-left: 10px; padding-top: 10px; background-color: #1f1f1f;">{module 210}</div>
</div>
<span><a href="http://www.ribadvisor.com/my-rib-advisor/register">|Register|</a></span> <span style="float: right;">{module 200}</span>

干杯

Answer 1

给span (包含iframe)一个display: inline-block设置，删除您给它的float: right，它就能工作了。

 <span style="float: right;">{module 200}</span>

应：

<span style="display: inline-block">{module 200}</span>

Answer 2

尝试将width添加到以下类

.tm-headerbar .uk-panel
{
  width:280px;
}

​

​