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>타임북 실물화상기 (상품코드 1452671486) - 175,120원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=1452671486&itemId=2500730007&vendorItemId=74492430960&traceid=V0-153-69639f1c706e8286&requestid=20240109105545381286260298&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img src='https://ads-partners.coupang.com/image1/nSbb7pjd1TBKgV3XnQe5HzMcsPP86bdTtdwY2_xIuBhE8hIVSpHuMuEviwWmT95qISxye4J-UWj0di6i7gIFWmaYmk_Et0S_lSADTj6arSNavyDW-VYBZxcLlPo8pbzLAthkLwX7ZLuc2x_tOl1gsVCcSK7Sgi17xlEg1335Ny_liMThhDLIXxUMUzAYWbJra76kfj2Y4QUELAZSxxXQ8iQZzVGJAceVOynBVLj4M-pDmfnVXTn-spyHkMsO8sXq5B7TZhyXqVANvNmEhJ6rexPqZmDgrrC-BQ==' alt='최근들어 사용자들이 많이 구입하는 실물화상기 1 - 제품코드 1452671486 사진 예시' width='100%'></a><div class='outer-cprice'><span class='ccurrent-price'>175,120원</span></div>

<p class='pd-dts'>이 제품(1452671486)은 최근 특별한 가격으로 175,120원에 판매되고 있으며 로켓배송 되는 상품입니다.</p>

<div class='cproduct-info product-links'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=1452671486&itemId=2500730007&vendorItemId=74492430960&traceid=V0-153-69639f1c706e8286&requestid=20240109105545381286260298&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>Czur 시저 렌즈프로 3in1 스캐너+웹캠+스탠드 오버헤드스캐너, 단일상품 (상품코드 7028417421) - 199,000원 (일반배송)</h4></div><div class='pd-lt'><a...