we.type | MS_line-height

<!--.:◂◀▸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>