CSS - padding-left

Descripción

La propiedad padding-left establece el ancho del padding a la izquierda de un elemento.

Valores posibles

length- Cualquier valor de longitud. No se permiten valores de longitud negativos para esta propiedad.
percentage - El ancho del relleno izquierdo se calcula con respecto al ancho del bloque contenedor del elemento.

Se aplica a

Todos los elementos HTML.

Sintaxis DOM

object.style.paddingLeft = "10px;";

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "padding-left: 15px; border:1px solid black;">
         This is a paragraph with a specified left padding
      </p>
      
      <p style = "padding-left: 15%; border:1px solid black;">
         This is another paragraph with a specified left padding in percent
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page