how to indent in html

Question

how can I have an indention here:

sorry for the ambiguity of my question, i want to have indention between the "9.00" and the border from the left. please check the link i included here:

http://img714.imageshack.us/i/spacing.png/

 <table border="1">
  <col width="100" />
  <col width="300" />
   <tr>
   <td> 9.00 </td>
   <td> Name Name Name Name Name<br/>
   Greetings Greetings </td>
    </tr>
   </table>

Answer 1

Use CSS margin and padding.

Answer 2

Looks like what you want can be achieved by (1) center align the text or (2) pad the text. One way to do this (but there are better ones) is to give the <td> elements an align=center attribute.

 <table border="1">
  <col width="100" />
  <col width="300" />
   <tr>
   <td align="center"> 9.00 </td>
   <td align="center"> Name Name Name Name Name<br/>
   Greetings Greetings </td>
    </tr>
   </table>

Caveat: this will work but is outdated. You are much better off using Cascading Style Sheets.

Answer 3

If you want to use CSS you can say:

<style type="text/css">
.paddingClass td {
    padding: 0 10px;
}
</style>

And on the table add the class:

<table border="1" class="paddingClass">
    <col width="100" />
    <col width="300" />
    <tr>
        <td>9.00</td>
        <td>
            Name Name Name Name Name<br />
            Greetings Greetings
        </td>
    </tr>
</table>

Answer 4

Remember that when the HTML is rendered all "white space" is reduced to a single space character. You can manually force additional spacing with the   character entity, so you could simply do:

<tr>
    <td>&nbsp;&nbsp;&nbsp;9.00</td>
    <td>
        Name Name Name Name Name<br />
        Greetings Greetings
    </td>
</tr>

Yes, it is grossly ugly - but if you just want a "quick and dirty" way, try it.

Answer 5

In addition to all the other answers, can I point out the simplest solution:

p {
  text-indent: 1em; /* will indent the first-line of a paragraph by 1em */
}