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>삼성전자 컬러 레이저 프린터 (상품코드 6567695645) - 153,170원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=6567695645&itemId=2178588729&vendorItemId=5545216046&traceid=V0-153-2b671f5f03e5fdbf&requestid=20240110173232793007757492&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img src='https://ads-partners.coupang.com/image1/uAHpqe35poHX4LSfuKo8lGmRNnV4HYIy2oMk1ASFQNX_DADBwJ2y7Pe1y8hz4yqksDfAV3PrL4XqIMGhIH5omrwSwj3tbtLSP9HI7hn9qBjPdpuBG42yuOqVRs3u4as4uUzLizD-zg8AqOV3vV-6M8_M3xed3f3WmktUtfo1vW4A6Tz8FwZlG1dE1boiT-i0NsQ-7HnRLOLuxxPzoySAM2PIzms4eWOmpKO3Xy5PADXpuErkrEwrF5zyVYJ473jVHFzFnFR_173ogfwYH4Hf0bXTjp9dsec=' alt='지적인 직장인들이 많이 구매하는 레이저 프린터 1 - 상품번호 6567695645 사진 썸네일' width='100%'></a><div class='outer-cprice'><span class='ccurrent-price'>153,170원</span></div>

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

<div class='cproduct-info product-links'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=6567695645&itemId=2178588729&vendorItemId=5545216046&traceid=V0-153-2b671f5f03e5fdbf&requestid=20240110173232793007757492&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>삼성전자 컬러 레이저 복합기 (상품코드 6567695645) - 255,840원 (로켓배송)</h4></div><div class='pd-lt'><a href='https://link.coupang.com/re/AFFSDP?lptag=AF0927594&subid=kanatra9&pageKey=6567695645&itemId=14730814300&vendorItemId=70224116811&traceid=V0-153-2b671f5f03e5fdbf&requestid=20240110173232793007757492&token=31850C%7CMIXED' target='_blank' rel='noopener noreferrer nofollow'><img...