Margen de la celda CSS

En mi documento HTML, tengo una tabla con dos columnas y varias filas. ¿Cómo puedo aumentar el espacio entre la primera y la segunda columna con css? He intentado aplicar "margin-right: 10px;" a cada una de las celdas de la izquierda, pero sin efecto.

Solución

Aplique esto a su primer <td>:

padding-right:10px;

Ejemplo de HTML:

<table>
   <tr>
      <td style="padding-right:10px">data</td>
      <td>more data</td>
   </tr>
</table>
Comentarios (4)

Pruebe con padding-right. No está permitido poner margen entre celdas.

<table>
   <tr>
      <td style="padding-right: 10px;">one</td>
      <td>two</td>
   </tr>
</table>
Comentarios (0)

No se pueden separar columnas individuales en una celda de esa manera. En mi opinión, tu mejor opción es añadir un `style='padding-left:10px'en la segunda columna y aplicar los estilos en un div o elemento interno. De esta manera puedes lograr la ilusión de un mayor espacio.

Comentarios (0)