cssでURLの文字がword-wrap: break-word;で改行されない

Question

はじめまして。
htmlは、

<input id="question_txt" type="text"
name="question_txt">

で、以下のcssを適用しています。

    #question_txt {
        width: 300px; height: 25px;
        font-size: 100%;
        word-wrap: break-word;
    }

このテキストボックスに
URLが横に長く入った時にうまく改行されません。

word-wrap: break-word;があるのに意味がありませんでした。

どのようにしたら直せますでしょうか？
よろしくお願い致します。

Answer 1

<input type="text"> では改行されないかと。。。
複数行の入力であれば <textarea> を使ってみてください。

Comments

[shinriyo]

ありがとうございました。
そもそも対象のidを間違っていました。
pタグでも出来ました。ありがとうございました。