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>굿데이 건강한육포 반려견간식 300g (상품코드 2055461981) - 11,500원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=2055461981&itemId=288134313&vendorItemId=3707467639&traceid=V0-153-b85879606423e640&requestid=20240125145744465065089763&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img src='https://ads-partners.coupang.com/image1/bVNgZ9gxTR1Pyx4BbVpauoM6NViY98Ay473U5VW9t3trYiAT0AekiSLXF3N7ZMB4y3VXem7CaxTf8mILT5JvKbjkMidgfzd_Ha2EglFU5fboIANEKFc5QPPyZobth93B_YZO1VqB3OQR_f-ShArUgmoMWKK4VuHbkpWNqxNOqycUVrTR5t9djovddLJdKS5C21g6IVm7OYOTffNbuL0vupOre29pnN58zsVNzOFSAFlMr0kxIiVHtjphSkmRW3GWc2R5OQEJ05ymZ6aiVdmiJw6ftvsGruxW' alt='트렌드를 아는 20대 젊은이들이 기다려온 강아지 간식 1 - 제품코드 2055461981 사진 예시' width='100%'></a><div class='outer-cprice'><span class='ccurrent-price'>11,500원</span></div>

<p class='pd-dts'>이 상품(2055461981)은 최근 실속적인 가격으로 11,500원에 판매되고 있으며 로켓배송 되는 상품입니다.</p>

<div class='cproduct-info product-links'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=2055461981&itemId=288134313&vendorItemId=3707467639&traceid=V0-153-b85879606423e640&requestid=20240125145744465065089763&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>터키츄 칠면조와 소고기 힘줄 링타입 S (상품코드 1148763563) - 19,800원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=1148763563&itemId=1058517399&vendorItemId=5533727218&traceid=V0-153-b34c3e29087a81b6&requestid=20240125145744465065089763&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img...