Question

我想将标签放在左侧的输入框上方，如何做到这一点。这是代码：

<!DOCTYPE html>
<html>
    <body>
        <div align="center">
            <form>
                <label for="name">Name:</label><br>
                <input id="name" name="name" type="text">
                <p></p>
            </form>
        </div>
    </body>
</html>

Answer 1

你应该给予标签保证金权利。

<label for="name" style="margin-right:150px;" >Name:</label>

Answer 2

你可以使用表格。通过使用表格，您不需要设置任何内联CSS。

<html>
    <body>
        <form>
            <table align="center">
            <tr>
                <td>
                    <label for="name">Name:</label><br>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="name" name="name" type="text">
                </td>
            </tr>
            </table>
        </form>
    </body>
</html>

标签位于居中的输入框的左侧

2 个答案: