contact form 7をテンプレートに埋め込みカスタマイズしたい

Question

前提・実現したいこと

なぜか電話番号のラベルだけ高さが違う

発生している問題・エラーメッセージ

名前、電話番号、メールアドレスをそれぞれ同じクラス<dt class="contact_form_label">で囲っていますが、電話番号だけ表示位置が違う

該当のソースコード

<dl class="contact_form_dl">
                        <div class="contact_form_row">
                            <dt class="contact_form_label">
                           <label> お名前</label>

                            </dt>
                             <dd class="contact_form_input">
                                  [text* your-name] 
                            </dd>
                        </div><!-- 'contact_form_row' -->
                        <div class="contact_form_row">
                            <dt class="contact_form_label">
                             <label> 電話番号</label>
　　
                            </dt>
                          <dd class="contact_form_input">
                              　　　　　　[tel tel-396] 
                            </dd>
                        </div>
                        <div class="contact_form_row">
                            <dt class="contact_form_label">
                              <label> メールアドレス</label>
   
                            </dt>
                           <dd class="contact_form_input">
                                 [email* your-email] 
                            </dd>
                        </div><!-- 'contact_form_row' -->
                        <div class="contact_form_row">
                            <dt class="contact_form_label_message">
                              <label> 内容 </label>
                            </dt>
                            <dd class="contact_form_message">
                              [textarea your-message] 
                            </dd>
                        </div><!-- 'contact_form_row' -->
                    </dl><!-- 'contact_form_dl' -->
                    <div class="contact_form_btn">
                        [submit "送信"]
                    </div>

試したこと

キャッシュの削除。管理画面にて記述内容の確認。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

写真のようにデベロッパーツールで電話番号の列の
<input type="tel" name="tel-396">要素や

<dd class="contact_form_input">を見ると 他とは違うcssが適用されていませんか？

Comments

[KKino]

特に変わりはありません。
同じCSSでした

[webgoto]

記載のコード内に2箇所、全角スペースが入っているようですので、この影響かもしれません。
<div class="contact_form_row">
<dt class="contact_form_label">
<label> 電話番号</label>
[ ][ ]
</dt>
<dd class="contact_form_input">
[ ][ ][ ][ ][ ][ ][tel tel-396]
</dd>
</div>