увеличить ширину и высоту ячеек td в html

Question

Я пытаюсь увеличить ширину и высоту ячеек td согласно моему требованию.

Вот мой код:

<div class="margin-top-10">
    <table>
        <tbody>
            <tr>
                <td style="vertical-align:top;"><?php echo $this->remarksForm->remarkType; ?></td>
                <td><?php echo $this->remarksForm->remark; ?></td>
                <td>
                    <?php  echo $this->remarksForm->id;
                    echo $this->remarksForm->save; ?>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Вот результат того, что у меня сейчас:

Вот изображение результата, который я хотел бы получить:

Как мне это сделать?

Заранее спасибо.

Answer 1

 Please add width:
    <div class="margin-top-10">
    <table cellspacing='0' cellpadding='0'>
        <tbody>
            <tr>
                <td width="20%" style="vertical-align:top;">test</td>
                <td width="70%">test</td>
                <td width="10%">test</td>
            </tr>
        </tbody>
    </table>
</div>

Answer 2

вот пример:

    <div class="margin-top-10">
    <table>
        <tbody>
            <tr>
                <td style="vertical-align:top;"><select><option>one</option><option>two</option></select></td>
                <td style="vertical-align:top;"><textarea></textarea></td>
                <td style="vertical-align:top;">
                   <button>thank you</button>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Answer 3

Вы можете просто добавить этот стиль:

height: 50px;