@Gerich4444

Какие стили задать таблице?

Добрый день, спарсили некоторые товары из Розетки вместе со списком характеристик, но не понимаем какие стили задать таблице, чтоб привести ее в порядок. Помогите, пожалуйста! Вот здесь можно ознакомиться с донором https://rozetka.com.ua/copy-golden_farm_4820183471...

Вот этот кусок кода мы вытащили:
<product-characteristics-list class="ng-star-inserted"><section class="characteristics-full__group ng-star-inserted"><!----><dl class="characteristics-full__list"><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Вес</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><span class="ng-star-inserted">60 г</span><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Пол</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/70637=286293/" class="ng-star-inserted">Женский</a><!----><!----><!----></li><!----><li class="ng-star-inserted"><a href="/aminoacid/c273295/70637=286300/" class="ng-star-inserted">Мужской</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Форма выпуска</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/forma-vipuska128563=kapsuli/" class="ng-star-inserted">Капсулы</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Возрастная группа</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/vozrastnaya-gruppa=ot-18-let/" class="ng-star-inserted">От 18 лет</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Вкус</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/30285=bez-vkusa/" class="ng-star-inserted">Без вкуса</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Количество порций (капсул) в упаковке</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/kolichestvo-predmetov-92802=734125/" class="ng-star-inserted">60</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Содержание элементов в 1й порции</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><span class="ng-star-inserted"><strong>Состав (1 капсула):</strong><br><br>5-гидрокситриптофан (5-HTP) (из экстракта грифонии (Griffonia simplicifolia) - 100 mg (мг)<br><br>Вспомогательные вещества: микрокристаллическая целлюлоза. Капсула растительная.</span><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Страна-производитель товара</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/strana-proizvoditelj-tovara-90098=544338/" class="ng-star-inserted">Украина</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Страна регистрации бренда</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><a href="/aminoacid/c273295/strana-registracii-brenda-87790=429058/" class="ng-star-inserted">Украина</a><!----><!----><!----></li><!----><!----></ul></dd></div><!----><div class="characteristics-full__item ng-star-inserted"><dt class="characteristics-full__label"><span>Сертификаты и гигиенические заключения</span></dt><dd class="characteristics-full__value"><ul class="characteristics-full__sub-list"><li class="ng-star-inserted"><span class="ng-star-inserted"><a target="_blank" href="//rozetka.com.ua/pages/certification_sports_nutrition/">Подробнее<img src="//i2.rozetka.ua/pages/9/9704.png" border="0"></a></span><!----><!----><!----></li><!----><!----></ul></dd></div><!----><!----></dl></section><!----></product-characteristics-list>


Без стилей это все у нас выглядит так
62018cf9c5f7c071601374.png

Какие необходимо задать CSS, чтоб привести это в порядок?
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы