JSFiddle - React, Tailwind, and code Playground

by saidulu401

HTML

<div class="container--inner">
    
      <div aria-label="Question Content" class="challenge-text hrx-version ck_table-wrap fadeinContent" style="min-height:100px;"><style type="text/css">.ps-content figure { background-color: transparent; display: table; margin-top: 1em; margin-bottom: 1em; text-align: center; margin-left: auto; margin-right: auto; }
.ps-content figcaption { text-align: center; display: table-caption; caption-side: bottom; margin-top: .5em; margin-bottom: .5em; }
.ps-content img { width: auto; max-width: 100%; height: auto; }
.ps-content p { display: block; margin-left: 0; margin-right: 0; padding: .5em; white-space: normal; }
.ps-content table { border: 1px solid black; border-collapse: collapse; border-color: darkgray; margin: 0 auto; margin-top: 1em; margin-bottom: 1em; padding: 1em; text-align: center; width: 96%; /* Stop overflow in library (side effect of column sizing issue): */ table-layout: fixed; }
.ps-content table.challenge-params { margin:0 auto; width:90%; }
.ps-content th { font-weight: bold; white-space: nowrap; text-align: center; border: 1px solid black; border-color: darkgray; padding: 10px; }
.ps-content th.description { width: 60%; }
.ps-content td { vertical-align: middle; border: 1px solid black; border-color: darkgray; padding: 10px; text-align: center; /* Stop text in tables from not wrapping in library preview */ white-space: normal; }
.ps-content .left { text-align: left; }
.ps-content .right { text-align: right; }
.ps-content .code { font-family:monospace; white-space: nowrap; }
.ps-content li { white-space: normal; margin-top: .5em; margin-bottom: .5em; }
.ps-content code {color: black; background: transparent; font-weight: normal; font-size: 1em; }
.ps-content div { margin: 0 auto; overflow: auto; }
.ps-content .section-title { font-weight: bold; padding: .5em; }
.ps-content details { padding: .1em; background-color: #f8f9fa; }
.ps-content summary { background-color: #39424e; color: white; font-weight: bold;...