Многострочное дополнение для textarea

Question

Я использую группу ввода bootstrap 4 и добавляю или притворяюсь, что мои надписи добавлены как надписи. Для входов это выглядит хорошо. Теперь мне нужно многострочное дополнение или метку для текстовой области. Я ищу лучшее возможное решение в Bootstrap или CSS.

Вот код, который я пытаюсь.

    <style>
        .h-unset {
           height: unset !important;
        }
        .multiline-label {
           display: inline-block;
           word-wrap: break-word;
           word-break: break-word;
           width: 100%;
        }
    </style>

    <div class="input-group input-group-sm mb-3 row mx-0">
        <div class="input-group-prepend col-md-3 px-0">
            <label for="naastVastgoedbeleg-ging"
            class="input-group-text w-100 rounded-0 multiline-label h-unset"
            id="label-naastVastgoedbeleg-ging">
                <strong>Werkzaamheden naast vastgoedbeleg-ging (bijv. loondienst of onderneming)</strong>
            </label>
        </div>
        <textarea id="naastVastgoedbeleg-ging" 
        class="form-control rounded-0 col-md-9 h-unset" 
        aria-label="naastVastgoedbeleg-ging" 
        aria-describedby="label-naastVastgoedbeleg-ging">
        </textarea>
    </div>

Спасибо за помощь Happy Coding!

Answer 1

Это работает с помощью этого CSS

.multiline-label strong {
            white-space: pre-wrap;
        }