selectボックス 1選択肢につき2行にしたい

Question

前提・実現したいこと

1つの選択肢(option要素)に2行の文字列を５つ持つselectボックスを作りたいのですが方法が分かりません。ソースコードの<option value="1">Narita千葉県　日本</option>の部分でいうNaritaの下に千葉県日本と表示させ1つの選択肢としたいです。select要素では実現できないのでしょうか？
また実現可能な要素があれば教えていただきたいです。

発生している問題・エラーメッセージ

選択肢が1行ずつでしか表示されない。

該当のソースコード

 <select name="example1" id="">
   <option value="0">Narita</option>
   <option value="1">Narita 千葉県　日本</option>
   <option value="2">Narita イリノイ州　アメリカ合衆国</option>
   <option value="3">Naritahigashi 杉並区　東京都　日本</option>
   <option value="4">Narita GardenVergem Grande Paulista</option>
   <option value="5">Narita 成田市　千葉県　日本</option>
 </select>
            

試したこと

・2行にするために<br>を使った→改行される文字列が表示されず1行のままだった。
・2行目に表示したい文字列に<p>タグを付けた→文字列は表示されたが1行のままだった。（無理だろうと思いつつ一応試してみた）
・いろいろググってみた→ググる能力が低く解決策まで至れなかった。

補足情報（FW/ツールのバージョンなど）

vscode
ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

（質問は編集できます）
質問テンプレート文言は削除し、項目はなるべく埋めてください。
また、コードがマークダウンのcode機能から外れてますので、きちんと入れてください。
```html
//ここにコード

```

質問投稿前にプレビュー確認して調整してくださいね。

Answer 1

HTML標準ではそのような機能はないので、JavaScript必須のようです。

htmlのセレクトのオプションで改行(jQuery-ui widget) - Qiita

Answer 2

こう言う大きな矛盾を言っている人が非常に多いので苦言を呈す意図で回答します。

LP模写をしていてどうしても検証は使いたくないです。

どうしても再現できないものでしたら確認するしかないのではないでしょうか。

それにteratailで聞くこともそうですし、ネットで検索でもしてしまったらそれはデベロッパツールを使った検証とほぼ同等です。
自力のみで全てやりきるのは無理なので、難しいところは別に見たってかまわないでしょう。

自力のみでは分からないから質問したのでしょう？
そこで答えをもらうのは実際のコードを見るのと同等の行為です。

というかテストや受験におけるカンニングとは違います。
公開されているものを自らの学習のために見ることが何が悪いことになるでしょうか？

「模写」って何のためにやるんでしょうね。
あまり手法にこだわりすぎて大目的を見失わないようにしましょう。

Comments

[hanazawa-1102]

完全に矛盾してますね。
思考停止しすぎてそんなことにも気づかず投稿してしまいました。
的確なご指摘ありがとうございました。

[m.ts10806]

hanazawa-1102さんに限らず「LP模写していて」という投稿を結構見るのでそういう方々全てに向けてみました。