textarea要素をlabel要素で囲うことは可能ですか?

Question

<label> <textarea id="question" name="question" cols="40" rows="8">質問:</textarea> </label> 上のようにやると『質問:』の文字が枠の中に入ってしまいます。 どうすれば枠外に出せますか?  ↓理想 

Answer 1

どういうことをしたいのかがわかりませんが、外に出せばよいのでは？

<label>質問:
<textarea id="question" name="question" cols="40" rows="8"></textarea>
</label>

Comments

[Shunya0615]

説明わかりにくくすみません。写真を追加しましたので伝わると嬉しいです。

[kei344]

単に「質問:」を左にしたいだけならlabelをflexにすればよいですが、基本的なレイアウトについて勉強してから手を付けるべき内容だと思います。
https://jsfiddle.net/u1beqz5m/

また、labelは内包せずともforでアイテムを指定できます。

【<label> - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/label#attr-for