Fonts
Interlinie, inspringen, uitvullen
e tekst moet goed leesbaar zijn. Geef je de tekst de ruimte met behulp van de interlinie, inspringen, marges en uitvullen.
Interlinie
De interlinie is de ruimte tussen de regels tekst. Standaard is die net zo groot als de hoogte van je lettertype, en dat is aan de krappe kant. Om de leesbaarheid te vergroten kun je met een style sheet de interlinie vergroten. Dat doe je met line-height:
body {
font-family: Verdana, Helvetica, Arial,
sans-serif;
font-size: 11px;
line-height: 18px;
}
Inspringen
Door een regel links te laten inspringen trek je de bezoeker als het ware naar de volgende pagina:
.indent {
margin-left: 10px;
}
Deze tekst springt in ...
Marges: het gebruik van padding
Met behulp van padding creëer je ruimte rondom de tekst:
<p style="padding: 0px 15px 0px 30px;"> Hier komt de tekst</p>
De getallen geven respectievelijk het aantal pixels aan de boven-, rechter, onder- en linkerkant aan (ezelsbruggetje: met de klok mee vanaf 12 uur).
"Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt."
Uitvullen
Standaard wordt tekst aan de rechterkant niet uitgevuld. Wil je dat wel, gebruik dan text-align: justify:
.uitvullen {
text-align: justify;
}
"Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riempapier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt."
