Come aggiungere imbottitura a un singolo lato in Tailwind?

In Tailwind CSS, il padding viene utilizzato per aggiungere spazio tra il contenuto dell'elemento specifico e i suoi bordi. Aggiunge ulteriore spazio all'interno dell'elemento. Tailwind CSS fornisce una serie di utilità di riempimento e valori di riempimento che consentono agli utenti di personalizzare la spaziatura degli elementi desiderati. Inoltre, gli utenti possono aggiungere padding a un singolo lato, come la parte superiore, inferiore, sinistra o destra di un particolare elemento.

Questo blog illustrerà gli esempi per aggiungere padding a un singolo lato di un elemento in Tailwind CSS.

Come aggiungere imbottitura a un singolo lato in Tailwind?

Per aggiungere il riempimento a un singolo lato di un elemento in Tailwind, è possibile utilizzare le seguenti classi di utilità:

• • “ pt- ” class aggiunge padding alla parte superiore dell'elemento.
  • “ pb- ” class aggiunge padding alla parte inferiore dell'elemento.
  • “ pl- La classe aggiunge il riempimento a sinistra dell'elemento.
  • “ pr- ” class aggiunge padding a destra dell'elemento.

Per capirlo meglio, dai un'occhiata agli esempi forniti di seguito.

Esempio 1: aggiungi un riempimento alla parte superiore di un elemento

In questo esempio, useremo il ' pt-10 ” classe di utilità nella “