Hoe voeg ik opvulling toe aan een enkele zijde in Tailwind?

In Tailwind CSS wordt opvulling gebruikt om ruimte toe te voegen tussen de inhoud van het specifieke element en de randen ervan. Het voegt extra ruimte toe binnen het element. Tailwind CSS biedt een set opvulhulpprogramma's en opvulwaarden waarmee gebruikers de spatiëring van gewenste elementen kunnen aanpassen. Bovendien kunnen gebruikers opvulling toevoegen aan een enkele zijde, zoals de boven-, onder-, linker- of rechterzijde van een bepaald element.

Deze blog demonstreert de voorbeelden om opvulling toe te voegen aan een enkele zijde van een element in Tailwind CSS.

Hoe voeg ik opvulling toe aan een enkele zijde in Tailwind?

Om opvulling toe te voegen aan een enkele zijde van een element in Tailwind, kunnen de volgende hulpprogrammaklassen worden gebruikt:

• • “ pt- ” klasse voegt opvulling toe aan de bovenkant van het element.
  • “ pb- ” klasse voegt opvulling toe aan de onderkant van het element.
  • “ pl- ” klasse voegt opvulling toe aan de linkerkant van het element.
  • “ pr- ” klasse voegt opvulling toe aan de rechterkant van het element.

Bekijk de onderstaande voorbeelden om het beter te begrijpen.

Voorbeeld 1: opvulling toevoegen aan de bovenkant van een element

In dit voorbeeld gebruiken we de ' pt-10 ” hulpprogramma klasse in de “