Left padding

Left padding

Left padding is a CSS property that defines the amount of space between an element's left border and its content, such as text, images, and other media. The "padding-left" syntax property specifies the padding area — the space between an element and its border — and can be set to 0 pixels and above.

Padding controls the inner space between the content and the border of  an element, while the margin property controls the space outside an element. You can use left padding to move content away from the left border of a screen to make it more attractive, readable, and user-friendly.

For example, the following CSS code adds 10 pixels of space between an element and its left border:

p {

  padding-left: 10px;


You can also use percentage values to perform this function:

h1 {

  padding-left: 10%;


You can change the value using pixels or percentages to increase or decrease the amount of padding. Visit Webflow University to learn more about spacing and padding and create stunning websites that combine flair and functionality.

Other glossary terms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Hmm…we couldn’t find any results. Try a different search term or reset the filter.
Reset the filter
Load more