how to add indention in html

Question

Hi I'm having a hard time how to align the Word "Code ein" in this code. If I do this, the word "Bitte Kopieren Sie den Anti-Spam" will have an indention but the "Code ein" is not indented. How can you do this? Thanks

 <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: already posted the links

=======

This is what I have now, no, colon at the end of the display:block

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

Answer 1

Here's my updated answer :

Add :

display:block;

On :

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

This will fix your problem. Your label was an inline element, to achieve the result that you want, label needs to be a block element.

Answer 2

Use spaces:

 

Answer 3

Set the label to display:block and adjust the margins as needed. The left margin is only applied to the first line of an inline element.