JSFiddle - React, Tailwind, and code Playground

by Michael Tsai

HTML

<head>
  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
  <style>
    blockquotea {      
      background-color: #edf2f7;
      border: 1px solid #ccc;
      border-radius: 0.5rem;
      margin-left: 1.25rem;
      margin-right: 1.25rem;
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
      padding: 0.5rem;
    }
    
  </style>
</head>

<body>
<blockquote>
This is a quote text.
</blockquote>

<blockquote class="bg-gray-200 border-solid border border-gray-500 rounded-md mt-3 mb-3 ml-5 mr-5 p-2 text-black">
test
</blockquote>
</body>