El relleno del lenguaje de marcado de hipertexto (HTML) es una configuración que un diseñador puede usar para especificar la distancia entre el contenido y el borde del elemento que lo contiene. Esto se diferencia del margen, que es el espacio entre diferentes elementos. Esta propiedad se puede establecer en HTML o en hojas de estilo en cascada (CSS) para afectar la apariencia de un diseño. Algún relleno HTML puede ser estéticamente necesario para que algo se vea bien, o podría ser crítico para la función del contenido, que podría no ser legible sin los márgenes adecuados.
Los diseñadores pueden especificar la cantidad de relleno en em, porcentaje, píxeles o puntos, según sus preferencias y la naturaleza del proyecto. Al decidir qué unidades utilizar, es aconsejable ser coherente en todo el diseño para garantizar que todos los elementos funcionen bien juntos. Si el relleno HTML se mide en píxeles en un lugar, por ejemplo, también debe medirse en píxeles en cualquier otro lugar.
En todos los casos, el relleno HTML le dice al navegador web que cree un espacio en blanco entre los bordes del contenido y el borde del elemento contenedor. En una tabla, por ejemplo, la gente normalmente no quiere que el texto corra justo contra el borde de un campo, porque esto puede dificultar la lectura de la tabla. Añaden relleno para crear espacios en blanco alrededor del contenido y hacer que la disposición de los campos sea más fácil de ver.
Los diseñadores pueden especificar el relleno HTML para la parte superior, inferior y laterales para controlar estrictamente la apariencia del contenido dentro de los contenedores. También se pueden agregar márgenes adicionales entre contenedores, si se desea. En un blog, por ejemplo, el autor puede querer crear una barra lateral que acompañe al contenido principal. Los márgenes y los bordes pueden diferenciarlo claramente del contenido de las publicaciones del blog. El relleno puede garantizar que el contenido de la barra lateral no toque el borde, lo que puede no parecer muy atractivo.
El sistema operativo, la versión del navegador y el monitor pueden afectar la forma en que se muestra el contenido en la web. Los diseñadores deben pensar en esto cuando desarrollan páginas web para asegurarse de que el contenido sea legible para la mayoría de los usuarios de la web, con el fin de llegar a la mayor audiencia posible. Otro tema a considerar es lo que puede suceder si el usuario aumenta o disminuye el tamaño del texto. Las propiedades como el relleno HTML pueden evitar el exceso de texto y otros problemas que podrían dificultar que los usuarios ajusten el tamaño de fuente para su visión o un dispositivo móvil.