JSFiddle - React, Tailwind, and code Playground

by learningforever

HTML

<!-- 실내 운동화 인기 순위 시작 --><div class='pd-mc ranking1'><div class='pd-rt'><h4 class='cproduct'><span class='inproduct-ranking'>1. </span>알타이카 초경량 운동화 AT-897 (상품코드 2119208874) - 19,880원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=2119208874&itemId=3597740913&vendorItemId=71583463561&traceid=V0-153-b730516020bda62f&requestid=20240107212051338235196969&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img src='https://ads-partners.coupang.com/image1/Zp0-HgQUg3PCdKkTZqtmLTH19lo6RanW86zBJ2bFUFE0OiPsn_M3Eld-ibCt8MjRKQBatd0BvkaZMevCD3AZYoqDUnTYKC-toffOexUGrmnbQw26RTI1bNSiyix0dpnKP4FqO4QBbXbVE2RLnp7ADbGtaxJkDU11R9yeu0qf_oCgDwtHxphvz1RcXQU_dOyHZfQ7-x4TBeohTqQ3s9iU0k-V0vVAoLObg4BvnW8EiFTBmgtQuyjLCfrh9t76UQ4xSWAEq8S2M_iNHGR0CvhECBtzCCrbaKMf' alt='트렌드에 민감한 20대, 30대들이 많이 구매하는 실내 운동화 1 - SKU 2119208874 특성 이미지' width='100%'></a><div class='outer-cprice'><span class='ccurrent-price'>19,880원</span></div>

<p class='pd-dts'>이 상품(2119208874)은 요즘 합리적 가격으로 19,880원에 판매되고 있으며 로켓배송 상품입니다.</p>

<div class='cproduct-info product-links'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=2119208874&itemId=3597740913&vendorItemId=71583463561&traceid=V0-153-b730516020bda62f&requestid=20240107212051338235196969&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><span class='cprouct-inner-info'> - </span></a></div></div></div><p class='pd-sp'></p><div class='pd-mc ranking2'><div class='pd-rt'><h4 class='cproduct'><span class='inproduct-ranking'>2. </span>SNRD 런닝화 SN192 (상품코드 140376536) - 21,900원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=140376536&itemId=409052867&vendorItemId=4001885322&traceid=V0-153-68ff5dac68beee24&requestid=20240107212051338235196969&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img...