javascript - Why are the labels and input boxes written in <label> arranged in one line, but the same labels and input boxes written in <ion-item> are arranged in two lines up and down?

Question

Why are the labels and input boxes written in <label class="item item-input"></label> arranged in one line, while the same labels and input boxes are written in <ion-item class ="item-icon-right"></ion-item> will be arranged in two rows?

Answer 1

**Inline tags and block-level tags.
Block-level tags occupy the entire line, look at the dom structure. **