一个简单的 HTML 问题。我是新手,这让我难过了好几个小时。在 Joomla 中使用自定义 HTML 模块我似乎无法正确对齐内容。该错误发生在所有浏览器中,Firefox 除外。
在页面的右上角有一个标题“欢迎使用 Rib Advisor”。下面是一个 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>
干杯
最佳答案
给 span
(包含 iframe
)一个 display: inline-block
设置,移除 float: right
你给了它,它会起作用。
<span style="float: right;">{module 200}</span>
应该是:
<span style="display: inline-block">{module 200}</span>
关于html - 简单的菜鸟 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18651292/