<head>
  <script src="https://cdn.tailwindcss.com"></script>
</head>

<main class="p-6 bg-slate-900 min-h-screen text-white flex items-center">
  <div class="border border-white/30 rounded-lg p-6 max-w-md mx-auto space-y-6">
    <h1 class="text-5xl font-black">Some product information</h1>
    
      <p class="truncate w-11/12">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel elit scelerisque mauris pellentesque pulvinar. Ornare suspendisse sed nisi lacus. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Suspendisse interdum consectetur libero id faucibus.</p>
    
  </div>
</main>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.