padding-left

syntax selector{
padding-left: waarde;
}

met padding kan de tussenruimte binnen een element worden
aangepast, als de ruimte tussen bijvoorbeeld tekst en de linkerkant van een element aangepast dient te worden kan dit met gebruik van de css eigenschap padding-left.

ruimte linkerkant bepalen

Als men een div blokelement heeft met daarin bijvoorbeeld een of meerdere p elementen kan met de css property padding-left van deze div de ruimte tussen de linkerkant van de div en de p elementen worden bepaald

padding-left en width

Wat op het eerste gezicht een simpele eigeschap lijkt (padding-left) heeft een voor de beginner toch een addertje onder het gras, als men de padding-left waarde insteld wordt deze waarde opgeteld bij de eigenschap width van dat element. Dit wil zeggen dat een browser de totale breedte bepaald aan de hand van de padding en de width samen

om eventuele onverwachte weergave effecten te voorkomen is het dus zaak de eventuele width, te verminderen met de ingestelde waarde mbt. de padding.

voorbeeld padding-left

padding-left eenvoudig voorbeeld :

<html>
<head>
<style>
div#content{
padding-left:20px;
}
</style>
</head>
<body>
<div id="content">
<p>paragraaf</p>
</div>
</body>
</html>