Why does text wrap randomly when it is underlined?

Question

css

Such a disaster. When underlining text through the u or ins tag, the text is arbitrarily wrapped ...
Before and after photos are attached. Also attached the code.


https://codepen.io/Shaltyr/pen/bGYyENw

Answer 1

Because of

.form__checkbox + label {
   display: inline-flex;
}

Add

.form__doc {
    display: block;
  }