Back to Tailwind CSS Hub

Nearby lessons

51 of 71
Tailwind CSS - Word BreakTailwind CSS - HyphensTailwind CSS - ContentTailwind CSS - BackgroundTailwind CSS - Border

📝 Tailwind CSS - Content

📖 Overview

The content utility controls the content of the CSS ::before and ::after pseudo-elements. Use it with the before: and after: variants.

📏 Content Utilities

Available utilities:

  • content-none - Sets content to none
  • content-['...'] - Sets custom text content
  • Use with before: and after: variants
Example02
Loading editor…

🧠 Test Your Knowledge

2 Questions
Progress: 0 / 2