html cellpadding the left side of a cell

Question

I want to pad my text in a cells  on the right side with additional space    I don t use css style sheets    this is my code  lt table border  1  CELLPADDING  5  gt  on right size for example I want 10   Thanks

User · Answer

I would suggest using inline CSS styling.

<table border="1" style="padding-right: 10px;">
<tr>
<td>Content</td>
</tr>
</table>

or

<table border="1">
<tr style="padding-right: 10px;">
<td>Content</td>
</tr>
</table>

or

<table border="1">
<tr>
<td style="padding-right: 10px;">Content</td>
</tr>
</table>

I don't quite follow what you need, but this is what I would do, assuming I understand you needs.

User · Answer

I recently had to do this to create half decent looking emails for an email client that did not support the CSS necessary  For an HTML only solution I use a wrapping table to provide the padding   x000D   x000D   lt table border  1  cellspacing  0  cellpadding  0  gt  x000D       lt tr gt  lt td height  5  colspan  3  gt  lt  td gt  lt  tr gt  x000D       lt tr gt  x000D           lt td width  5  gt  lt  td gt  x000D           lt td gt  x000D              This cells padding matches what you want  x000D               lt ul gt  x000D                   lt li gt 5px Left  Top  Bottom padding lt  li gt  x000D                   lt li gt 10px on the right lt  li gt  x000D               lt  ul gt      x000D              You can then put your table inside this x000D              cell with no spacing or padding set                      x000D           lt  td gt  x000D           lt td width  10  gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  lt td height  5  colspan  3  gt  lt  td gt  lt  tr gt  x000D   lt  table gt  x000D   x000D   x000D    As of 2017 you would only do this for old email client support  it s pretty overkill

User · Answer

I use inline css all the time BECAUSE     I want absolute control of the design and place different things aligned differently from cell to cell   It is not hard to understand     Anyway  I just put something like this inside my  tag   style  padding 5px 10px 5px 5px   Where the order represents top  right  bottom and left

User · Answer

Well  as suggested by Hellfire you can use td width or you could place an element in the td and adjust its width  We could not use   CSS property Padding   as in Microsoft Outlook padding does not work   So what I had to do is    lt table gt       lt tr gt           lt td gt  lt span style  display  inline-block  width  40px   gt  lt  span gt  lt span gt Content lt span gt  lt  td gt           lt td gt Content lt  td gt       lt  tr gt   lt  table gt    With this you can adjust right and left spacing  For top and bottom spacing you could use td s height property  Like     lt table gt           lt tr gt               lt td style  vertical-align  top  height  100px   gt Content lt  td gt               lt td gt Content lt  td gt           lt  tr gt       lt  table gt    This will increase bottom space    Hope it will work for you guys

User · Answer

This is what css is for    HTML doesn t allow for unequal padding  When you say that you don t want to use style sheets  does this mean you re OK with inline css    lt table gt       lt tr gt           lt td style  padding  5px 10px 5px 5px   gt Content lt  td gt           lt td style  padding  5px 10px 5px 5px   gt Content lt  td gt       lt  tr gt   lt  table gt    You could also use JS to do this if you re desperate not to use stylesheets for some reason

User · Answer

I choose to use both methods  Cellpadding on the table as a fallback in case the inline style doesn t stick and inline style for most clients    x000D   x000D   lt table cellpadding  5  gt  x000D     lt tr gt  x000D       lt td style  padding 5px 10px 5px 5px  gt Content lt  td gt  x000D       lt td style  padding 5px 10px 5px 5px  gt Content lt  td gt  x000D     lt  tr gt  x000D   lt  table gt  x000D   x000D   x000D

[html] html cellpadding the left side of a cell

Examples related to html