Customize layout with CSS

Hi all,

I’m very new with the CF7 and CSS and I’d like to customize the layout for CF7.
What I’m trying to do is to put the contact form in 3 lines where in the first line I put the name/surname/subject fields,in the second the body of message,in the third the send button.
I tried with this css that works fine to put fields in column but I don’t know how to modify it in order to have rows.
Hope you can help me.
thank

.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 textarea
{
background-color: #FFFFFF;
color: #000;
width: 95%;
}

#left {
width: 35%;
float: left;
}

#right {
width: 35%;
float: right;
}

.clearfix:after {
content:”020″;
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clearfix {
display:block;
}

.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],

{
background-color: #fff;
color: #000;
width: 30%;
}

http://wordpress.org/extend/plugins/contact-form-7/