как заставить html текст метки наследовать свойства div

Question

У меня есть тестовая метка в div col-6. текст должен иметь ширину div с классом col-6.

вот как он выглядит сейчас

как я могу заставить текст наследовать ширину div?

<div class="col-md-6">
        <div class="form-group">
          <div>
            <input type="checkbox"/>
            <div class="state p-danger">
              <div [inlineSVG]="'assets/svg/accept.svg'"></div>
              <label>I will also be available to meet during the event so list me with the available resources</label>
            </div>
          </div>
        </div>
</div>

Answer 1

Поместите white-space: nowrap в свой .state.p-danger элемент. Это заставит тексты выходить за пределы go следующей строки.