<p class="text-left m-2 w-64">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum eu felis nec scelerisque. Duis eget lectus nec ante tincidunt facilisis.</p>
← Tailwind CSS classes list
Tailwind CSS class: .text-left
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus interdum eu felis nec scelerisque. Duis eget lectus nec ante tincidunt facilisis.
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 .text-left 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
.text-left { text-align: left; }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-center
- .text-right
- .text-justify
- .italic
- .not-italic
- .whitespace-normal / .whitespace-*
- .tracking-tighter
- .tracking-tight
- .tracking-normal
- .tracking-wide
- .tracking-wider
- .tracking-widest