создать гибкий макет для ширины и высоты

Question

надеюсь, вы, ребята, можете мне помочь. я сталкиваюсь с некоторой проблемой расположения CSS. я хочу, чтобы макет имел тот же эффект автоматического расширения ширины и высоты, что и таблица с использованием div. эффект, который я хочу, такой же, как в примере ниже. макет с шириной и высотой является динамическим, а содержимое внутри все на одной горизонтальной линии.

<table>
    <tr>
        <th>ipsum dolor sit amet</th>
        <td>
            <ul>
                <li>apple</li>
                <li>orange</li>
                <li>mango</li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>ipsum</th>
        <td>
           <ul>
                <li>apple</li>
                <li>orange</li>
                <li>mango</li>
            </ul>
         </td>
    </tr>
</table>

возможно ли сделать это только с помощью CSS? спасибо за помощь, если вы могли бы дать несколько советов ...

Answer 1

Я рекомендую вам использовать DIV вместо таблицы, таблица недостаточно гибкая, и вы столкнетесь с проблемой при тестировании HTML-страницы в разных браузерах.