JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css">
<script src="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js"></script>
<link rel="stylesheet" href="https://raw.github.com/twitter/bootstrap/master/docs/assets/css/bootstrap.css">
<!--bootstrap-->
<!--in real enviroment,please uncomment below comment-->

<!--
<link href='http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js' type='text/javascript'/>
--!>

<!--bootstrap-->



<body onload='prettyPrint()'>
    

    
    <pre class="prettyprint lang-sql">
     SELECT /*+  FIRST_ROWS(10)  */ OrganizationDEO.ORGANIZATION_PROFILE_ID,
                               OrganizationDEO.PARTY_ID,
                               PartyEO.PARTY_NAME,
                               OrganizationDEO.ORGANIZATION_NAME,
                               OrganizationDEO.EFFECTIVE_START_DATE,
                               OrganizationDEO.EFFECTIVE_END_DATE,
                               OrganizationDEO.PUBLIC_PRIVATE_OWNERSHIP_FLAG,
                               OrganizationDEO.OBJECT_VERSION_NUMBER,
                               OrganizationDEO.ORGANIZATION_SIZE,
                               OrganizationDEO.SUFFIX_OVERRIDDEN_FLAG,
                               OrganizationDEO.UNIQUE_NAME_ALIAS,
                               OrganizationDEO.UNIQUE_NAME_SUFFIX,
                               OrganizationDEO.CORP_CURRENCY_CODE,
                               OrganizationDEO.CURCY_CONV_RATE_TYPE,
                               OrganizationDEO.CURRENCY_CODE,
                               OrganizationDEO.PARTY_NUMBER,
                               OrganizationDEO.CERTIFICATION_LEVEL,
                               OrganizationDEO.CERT_REASON_CODE,
                              ...