お問い合わせフォーム7

Question

私は3つの異なるタイプの入力ボックスを持つワードプレスのウェブサイトで連絡フォーム7を追加しました。以下は入力ボックスのCSSです。

.inputbox { 
    width: 46%; 
    height: 30px; 
    background: #ffe681; 
    font-size: 13px; 
    color: #333333; 
    font-family: 'Open Sans', sans-serif; 
    padding: 6px; 
    border: 1px solid #ff9933; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    float: left; 
} 

.inputbox-one { 
    width: 14%; 
    height: 30px; 
    background: #ffe681; 
    font-size: 13px; 
    color: #333333; 
    font-family: 'Open Sans', sans-serif; 
    padding: 6px; 
    border: 1px solid #ff9933; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    float: left; 
} 

.inputbox-two { 
    width: 30%; 
    height: 30px; 
    background: #ffe681; 
    font-size: 13px; 
    color: #333333; 
    font-family: 'Open Sans', sans-serif; 
    padding: 6px; 
    border: 1px solid #ff9933; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    float: left; 
} 

CSS階段の問題が発生しており、解決できません。

Answer 1

お問い合わせフォームの入力フィールドの後に<br>タグを削除するだけです。 これらのタグはこの階段レイアウトを導入しています。これが結果です。