Making Rows in Contact Form 7

Hi All …

I am trying to convert a regular contact form to contact form 7.

Note the following code from the contact form 7 settings: (you can try them yourself)

<label> Your Name (required)
[text* your-name] </label>

<label> Street Address 1
[text StreetAddress1] </label>

<label> Street Address 2
[text StreetAddress2] </label>

<div class=”flex_column av_one_half first”> <label> City [text City]</div> </label>

<div class=”flex_column av_one_fourth”> <label> State [text State]</div> </label>

<div class=”flex_column av_one_fourth”> <label> Zip [text Zip]</div> </label>

<div class=”flex_column av_one_half first”> <label> Telephone — (123-456-7890) [tel tel-546] </label>

<div class=”flex_column av_one_half”> <label> Your Email (required) [email* your-email] </label>

<label> Your Message To Donna
[textarea your-message-to-Donna] </label>

[submit “Send”]

When you run the form, note that City, State, Zip are placed correctly in the same row.

However, when I try to put Telephone and EMail address in the next row, the results are unpredictable for those fields and all that follow.

Can you help please?

Alan