Как в сборном товаре сделать простые товары не таблицей, а колонками?

Как в сборном товаре сделать простые товары не таблицей, а колонками?
Как на этом рисунке.

сейчас вот так:

Чтобы изменить шаблон отображения блока - надо изменить разметку HTML и правила CSS шаблона отображения блока.

Сейчас в файле grouped.phtml так:
<tr>
<td>Изображение</td>
<td>Атрибут</td>
<td>Цена</td>
<td>Количество</td>
</tr>

Правильно будет если я сделаю так?
<ul>
<li>Изображение</li>
<li>Атрибут</li>
<li>Цена</li>
<li>Количество</li>
</ul>
Или в магенто есть какой то класс

Очевидно, недостаточно: вёрстка HTML — более сложная область знаний, чем просто замена тегов одного на другой.
Более того, есть целая отрасль специалистов, которые профессионально зарабатывают только вёрсткой, без программирования.
К Magento всё это отношения не имеет.