Question

我很难在这段代码中对齐Word“Code ein”。如果我这样做，“Bitte Kopieren Sie den Anti-Spam”这个词会有一个缩进，但“Code ein”不会缩进。你怎么能这样做？感谢

 <div style="background-color:#aaa">
 <form method="post" action="[~[*id*]~]">
<input type="hidden" name="formid" value="registrationForm" />

<p>
<table>

<tr>
    <td><label for="workshop" style="margin:0.5em">Termine:</label>
    <td>
        <input type="radio" name="termine" value="Montag 4. Oktober 2010" eform="Termine::1"/>&#09;Montag 4. Oktober 2010 <br/>                    
    </td>
</tr> 

 <tr>
    <td><label for="kopieren" style="margin:0.5em">Bitte kopieren Sie den Anti-Spam Code ein: </label>
    <img src="[+verimageurl+]" alt="verification code" border="1" style="margin:0.5em"/></td>
    <td valign="top"><input type="text" name="vericode" size="20" />
</tr>


   <tr>
    <td rowspan="3" valign="right">
        <input align="right" type="submit" name="submit" value="Register" />
    </td>
</tr>

</table>

==== @Gabriel：已经发布了链接

=======

这就是我现在所拥有的，不，显示结尾处的冒号：块

      <label style="margin:0.5em; display:block" for="kopieren" >Bitte kopieren Sie den Anti-Spam Code ein: </label>

Answer 1

这是我更新的答案：

添加：

display:block;

开：

<label style="margin: 0.5em;display:block;" for="kopieren">Bitte kopieren Sie den Anti-Spam Code ein: </label>

这将解决您的问题。你的标签是一个内联元素，为了达到你想要的结果，标签需要成为一个块元素。

Answer 2

将标签设置为display:block并根据需要调整边距。左边距仅应用于内联元素的第一行。

Answer 3

使用空格：

&nbsp;

如何在html中添加缩进

3 个答案: