Tailwind-CSS-Configuration/text.html at main · ganesh2394/Tailwind-CSS-Configuration · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Text | Tailwindcss</title>
    <script src="https://cdn.tailwindcss.com"></script>
  </head>
  <body class="bg-gray-300 flex justify-center h-screen items-center">
    <div class="block w-80">
      <div class="text-gray-800 mb-2">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corrupti
        labore vitae vero. Doloremque, aliquam.
        <span class="inline">Laudantium</span> in similique Lorem ipsum dolor
        sit amet consectetur adipisicing elit. Voluptate, at.
      </div>
      <div class="text-blue-600">
        Lorem ipsum dolor sit amet consectetur adipisicing elit.
        <span class="inline-block">Blanditiis</span> ut aliquam magni possimus
        architecto in veniam voluptate reprehenderit beatae ad.
      </div>

      <div class="text-green-600">
        Lorem ipsum dolor sit amet consectetur adipisicing elit.
        <span class="block">Blanditiis</span> ut aliquam magni possimus
        architecto in veniam voluptate reprehenderit beatae ad.
      </div>
    </div>
  </body>
</html>