html - 凡例の幅を制御する方法

Question

<FIELDSET>
<LEGEND> Here my title goes.which is too long and need to be displayed in 2 lines like word-wrap. 
Line 2: Please suggest!</LEGEND>
Name: <INPUT TYPE="text" SIZE="20">
Email: <INPUT TYPE="text" SIZE="20">
</FIELDSET>

FieldSet と Legend の両方に max-width, word-wrap を試しましたが、タイトルが 1 行で表示され、ボックスの幅が広がり、奇妙に見えます。

**ブラウザ固有の問題ではありません

Answer 1

「幅」CSS 属性を必要な値に設定するだけで、テキストが自動的に折り返されます。

legend{ outline: 1px solid red; width: 100px; }

ここでフィドル：http://jsfiddle.net/YTJUA/

Answer 2

CSSでこれを設定するだけです：

fieldset {
    width:200px;
}

ここで、希望に応じて幅のサイズを設定できます