W3.CSSLesson 7Free preview

W3.CSS Padding

This lesson is part of W3.CSS · All levels

Summary

Padding is the distance between the contents of the element and the tape, so that the content does not feel pressurized. It provides class w3-padding with various values such as w3-padding-small, w3-padding-16, w3-padding-32, and w3-padding-64. Properly arranging the padding makes components such as buttons, panels, and cards look balanced. (W3.CSS)

Key points

The padding is inside the element, between the content and the border.
W3-padding gives a 16px distance on all sides
Numerical values such as w3-padding-16, w3-padding-32, and w3-padding-64 give precision control.
Varies w3-padding-small and w3-padding-tiny are used for solid elements

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.