いつもお世話になっています。
下記の質問についてご教示を願います。

【質問の主旨】

動画の 0:50 で

li 要素は 1 つなので、フラグメントは不要ですね。

と説明されています。

ですが li 要素の中に、label、input、span、button の各要素が存在します。
なぜこの場合「複数要素が存在せずフラグメントは不要」という扱いになるのでしょうか？

【質問の補足】

レッスン4 「Appコンポーネントを作っていこう」の 0:35 では以下のように説明されています。

では、とりあえず return として、こちらの上の方にある h1、ul、form を渡していきたいのですが、JSX では複数の要素を渡すことはできませんでしたね。

レッスン 5 とレッスン 4 の場合でフラグメントの要・不要が異なる理由は、前者の label、input、span、button の各要素はインライン要素であるのに対して、後者の h1、ul、form の各要素はブロック要素を指しているからでしょうか？

以上、ご確認をよろしくお願いします。