<div class="tracking-wider">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
← Tailwind CSS classes list
Tailwind CSS class: .tracking-wider
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Check .tracking-wider in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
CSS source
.tracking-wider { letter-spacing: 0.05em; }More in Tailwind CSS Text
- .antialiased
- .subpixel-antialiased
- .text-opacity-*
- .break-normal
- .break-words
- .break-all
- .truncate
- .uppercase
- .lowercase
- .capitalize
- .normal-case
- .leading-none
- .leading-tight
- .leading-snug
- .leading-normal
- .leading-relaxed
- .leading-loose
- .leading-3
- .leading-4
- .leading-5
- .leading-6
- .leading-7
- .leading-8
- .leading-9
- .leading-10
- .underline
- .line-through
- .no-underline
- .font-hairline
- .font-thin
- .font-light
- .font-normal
- .font-medium
- .font-semibold
- .font-bold
- .font-extrabold
- .font-black
- .text-xs
- .text-sm
- .text-base
- .text-lg
- .text-xl
- .text-2xl
- .text-3xl
- .text-4xl
- .text-5xl
- .text-6xl
- .font-sans
- .font-serif
- .font-mono
- .text-left
- .text-center
- .text-right
- .text-justify
- .italic
- .not-italic
- .whitespace-normal / .whitespace-*
- .tracking-tighter
- .tracking-tight
- .tracking-normal
- .tracking-wide
- .tracking-widest