Tekstinkäsittelyä

Täytetekstillä voit testata asemointia

Lorem ipsumia voi lisätä esim. Visual Studio Coden autom. täydennyksellä:

Kirjoita lorem10 ja paina Tab kun VS Code ehdottaa Emmet Abbreviation

lorem10 Tab

Näin sait generoitua 10 sanaa täytetekstiä

Teksti löytyy myös netistä:

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pitkien rivien luettavuus ole kovin hyvä

Tämä on korjattavissa CSS:llä

p{ max-width: 600px }

Liian pitkät sanat

Käyttäjäkokemussuunnitteluluonnostelutyökalut ovat hienoja. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Yksittäinen sana voidaan katkaista tarvittaessa merkillä:

Käyttäjäkokemussuunnitteluluonnostelutyökalut ovat hienoja. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Väärästä kohtaa katkeavat merkkijonot

Keväällä 2022 valmistuu noin 24 700 uutta ylioppilasta.

Sanapari tai merkkijono voidaan pitää samalla rivillä
non-breaking space -merkillä:

Keväällä 2022 valmistuu noin 24 700 uutta ylioppilasta.

Otsikoiden rivivälit

Otsikon olisi hyvä olla lähempänä alkavaa kuin päättyvää kappaletta. Tämän voi korjata CSS:llä

h1{ margin-top: 2em; margin-bottom: 1em; }

Anfangi - Drop Cap

#css .first-letter { float: left; font-size: 4em; line-height: 1; font-weight: bold; margin-right: 0.2em; } #html <p> <span class="first-letter">L</span>orem ipsum </p>