My Contact form 7 has a bad layout

BackyardForm,

You didn’t go wrong. You simple didn’t design your form the way you want.

Here are two segment from one of my forms:

1) <label>Description</label>
[textarea* Description 80×5 class:text class:Description]
(Enter as much detail as you want) This places the textarea below the label, and

2) <label>Start date [text* start_date 15/ class:text class:start-date]</label> This places the field immediately following the label.

What I suggest you do (I do this during development) open one browser window displaying the development area and a second window displaying the finished result (what a visitor to your site will see). I will say that I have a dual monitor system, so this is easier for me, but it works on a single monitor system.