Home/ Questions/Q 3614294
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T22:13:50+00:00

I want to make the following but with CSS classes – as simple as

  • 0

I want to make the following but with CSS classes – as simple as can be:

<table cellspacing="0" cellpadding="0">
    <tr>
        <td style="color:red;text-decoration:underline;padding-right:50px;">cell1</td>
        <td style="color:red;text-decoration:underline;">cell2</td>
    </tr>
    <tr>
        <td style="color:red;text-decoration:underline;padding-right:50px;">cell3</td>
        <td style="color:red;text-decoration:underline;">cell4</td>
    </tr>
</table>

What is the best way to do it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The CSS equivalent for <table cellspacing="0"> is

    table {
    border-collapse: collapse;
}

    And for <table cellpadding="0"> is

    table td {
    padding: 0;
}

    So, this should do:

    <!DOCTYPE html>
<html lang="en">
    <head>
        <title>SO question 4528942</title>
        <style>
            table {
                border-collapse: collapse;
            }
            table td {
                padding: 0;
                color: red;
                text-decoration: underline;
            }
            table td:first-child {
                padding-right: 50px;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td>cell1</td>
                <td>cell2</td>
            </tr>
            <tr>
                <td>cell3</td>
                <td>cell4</td>
            </tr>
        </table>
    </body>
</html>
    • 0