入力テキストを段落タグに置き換えます

Question

私は基本的なカラープレゼンテーションをCSSを使用して入力テキストとボックスを使用しています。これは入力テキストのみを使用してこれを見ることができるので、fiddleと同じ調整を行いますが、私は段落タグで入力を交換しようとしたが、このfiddle

ヘルプは非常に高く評価されようにそれがdisadjustのみ

<p>タグとしてテキストは、私が何をする必要があるか表示します。よろしくお願いします。

Answer 1

入力タグにパディングを追加しましたが、これは段落に変換したときに欠落していました。 だからあなたはまだ彼らはあなただけの背景色、境界線を追加することができ、外観などのテキストボックスを持っているしたい場合は

.input-color p { 
    padding-left: 25px; 
} 

がJSFiddle

を参照してください、このようなあなたの段落タグに追加して、十分な幅、パディングおよびマージン。

がJSFiddle

Answer 2

あなたはボックスを維持したいと仮定すると、参照してください、あなたはCSSに

p.input{ 
    width: 150px; 
    height:16px; 
    border: solid 1px #000; 
} 

をこの小さなスニペットを追加することができますあなたは段落を持っている必要がありますクラス「入力」を持っているし、前あなたのテキストが正しく表示されるようにしてください（もちろん、他の誰かが何か働くものがあります）。同じ色が必要な場合は、ヘックスを使用してください：＃111111正確な色でない場合は同じである必要があります。ちょうどこれを見て、ここに私ですJSFiddle