Propiedad padding-inline-end

La propiedad padding-inline-end establece el relleno final de un elemento en el eje inline (horizontal).

Sintaxis

selector {
	padding-inline-end: tamaño;
}

Ejemplo

Establezcamos el relleno final en línea para el elemento hijo en 20px:

<div>
	<p>texto</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-inline-end: 20px;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

Ejemplo

Ahora establezcamos el relleno final en línea para el elemento hijo en 20%:

<div>
	<p>texto</p>
</div>

div {
	width: 400px;
	height: 200px;
	border: 1px solid black;
}
p {
	padding-inline-end: 20%;
	width: 100px;
	height: 50px;
	border: 1px solid red;
}

Véase también

propiedad padding-inline-start,
que establece el relleno inicial de un elemento en el eje inline
propiedad padding-block-end,
que establece el relleno final de un elemento en el eje de bloque
propiedad padding-block-start,
que establece el relleno inicial de un elemento en el eje de bloque
propiedad padding,
que establece el relleno
propiedad margin-bottom,
que establece el margen inferior
propiedad margin-left,
que establece el margen izquierdo
propiedad margin-right,
que establece el margen derecho
propiedad margin,
que es una abreviatura para el margen