html & css 没有将我的项目移动到正确的位置答案

【问题标题】：html & css not moving my item into correct positionhtml & css 没有将我的项目移动到正确的位置
【发布时间】：2014-05-05 11:47:58
【问题描述】：

我在 Joomla 网站上的 php 文件中的 JUMI 链接中执行此操作

话虽如此 - 看起来很简单的 html / css，我认为我只是做错了 -

也许它更深入，是因为 Joomla 文章/模块覆盖了我的 css？

PHP/HTML 文件：

<html>
<link rel="stylesheet" href="php_scripts/css/login.css" type="text/css">
<body>
    <p class="logform">
    <form action="http://www.link.com" method="post">
        username: <input type="username" name="username"><br>
        password: <input type="password" name="passw"><br>
    <input type="submit">
    </form>
</p>
</body>
</html>

CSS 文件：

.logform {
    text-align:center;
    color:red;
    position:fixed;
    top:30px;
   right:5px;
}

【问题讨论】：

或者，因为没有类和id logform的元素
head 是 joomla 的一部分，当我把它放在堆栈上时我打错了，抱歉这个类是 logform（我修复了问题以反映）
@user3424754 我是这么想的，但现在我认为这很可能是因为将表格包装成段落是错误的:)

标签： php html css joomla

【解决方案1】：

您正试图将表单包装到一个段落 <p> 中，这有点无效。

这应该被包装到一个div 元素中。

<div class="logform">
    <form action="http://www.link.com" method="post">
        username: <input type="username" name="username"><br>
        password: <input type="password" name="passw"><br>
    <input type="submit">
    </form>
</div>

【讨论】：