html和CSS没有移动我的项目到正确的位置 - html & css not moving my item into correct position

html & css not moving my item into correct position

本文关键字：位置项目我的 CSS 移动 html | 更新日期: 2023-09-27

我是在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;
}

您试图将表单包装成段落<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>