小编Cat*_*ine的帖子

我有几个元素,我试图组合在一起,然后将它们放在页面上,如下所示:

                                         |
                                         |
              Username:                  |                 
              ________________           |                 IMG 1
              Password:                  |                 
              ________________           |                 IMG 2
                  login                  |
                                         |
                                         |

我不希望用户名和密码居中,我仍然希望那些位于输入框的最左侧.

现在它看起来像这样:

                                         |
 Username                              IM|G 2  
                                         |                 
         _______________                 |                 IMG 1
         _______________             Pass|word:                 
                                         |                 
                  login                  |
                                         |
                                         |

我有IMG 1,登录按钮和垂直线在一个好位置,但形式只是到处都是.我已经尝试过玩很多不同的东西来获取其他登录表单和IMG 2在正确的位置,但我被卡住了.这是我的html文件的基本布局:

<div id="center-wrapper">
    <div id="img1">
        <img src="img1.png" />
    </div>
    <br>
    <div id="img2">
        <img src="img2.png" />
    </div>

    <div id="line"></div>

    <form id="form-wrapper" action="/login/" method="post" style="width:40%;">
    {% csrf_token %}
    {% for field in form %}
    <br>
        {% if field.errors %}
            <div class="form-group has-error">
                <label …