<!--.:◂◀▸v▶¤◀v∫∫v▶¤◀v∫∫‡####‡‡‡‡###‡‡‡###‡‡####‡∫∫v▶¤◀v∫∫v▶¤◀v◂▶▸:. | | | Filename : SS_line-height.html | | Label : Basics | | Author : Nina Kahmke | | Size : 1.397 bytes (4 KB on disk) | | Created : 02. February 2024 at 17:04 | | | ::◂◀▸v▶¤◀v∫∫v▶¤‡‡##‡‡‡‡‡‡‡‡###‡‡###‡‡‡‡##‡‡‡‡##‡‡¤◀v∫∫v▶¤◀v◂▶▸::--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>line-height</title> <style> @font-face { font-family: Konsole; src: url(../_fonts/Konsolev1.1-VF.ttf); } body { font-family: Konsole; font-size: 6vh; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; height: 100vh; } .class-1 { /* defines the height of a line; line-height is set to 0 */ line-height: 0; } .class-2 { /* defines the height of a line; line-height is set to 0.5 */ line-height: 0.5; } .class-3 { /* defines the height of a line; line-height is set to default */ line-height: normal; } .class-4 { /* defines the height of a line; line-height is set to 2 */ line-height: 2; } </style> </head> <body> <p class="class-1">line-height is<br>is set to 0</p> <p class="class-2">line-height is<br>is set to 0.5</p> <p class="class-3">line-height is<br>is set to default</p> <p class="class-4">line-height is<br>set to 2</p> </body> </html>