输入中心，标签上方和左侧

Question

我正在做作业，我必须使用HTML和CSS重新创建页面。页面的一侧显示以下内容：

我需要div中心的输入和输入上方和左侧的标签。

现在我有了这个：

<div id="completarcampos">

                <label id="lbltelefono" for="campotelefono">Numero de telefono:</label></br>
                <input type="text" id="campotelefono"/></br>

                <label id="lblcontraseña" for="campocontraseña">contraseña:</label></br>
                <input type="text" id="campotelefono"/></br></br>

                <a href="http://www.w3schools.com"><img id="ingresar" src="./imagenes/boton.png" alt="ingresar"/></a></br></br>

            </div>

和这个

input
    {width:200px;}  

completarcampos
    {border: 2px solid #BCBCBC;
    text-align:center;
    background: linear-gradient(#eeeeee, #ffffff);} 

它看起来像这样：

我怎样才能让标签按原样排列在输入的左边？

Answer 1

确定在输入和标签周围添加一个div容器，然后将标签左移：https://jsfiddle.net/DIRTY_SMITH/f4fhn0wn/3/

65535-8=65527