html - the possible solution to this design issue? -

I have to know how to fix this problem in the designs of forms .. Getting it

< P> And in this ...

Color is not an issue .. juz needs to decide alignment ...

The code goes like this:

  & lt; Div class = "content_form_box7_main" & gt; & Lt; Div class = "content_form_box7_main1" & gt; & Lt; Input type = "text" name = "email" value = "comments" category = "content_form_box__inide" /> & Lt; / Div & gt; & Lt; / Div & gt;  

Be the kind of style:

  .content_form_box7_main {float: left; Color: #FFFFFF; Padding: 5px 0px 2px 0px; Width: 281px; } .content_form_box7_main1 {float: left; Padding: 0 px 0 px 0 px 40 px; } .content_form_box7_inside {float: left; Background Image: URL (images / amcro_contact4.gif); Width: 206px; Height: 43px; Background repeat: do not repeat; Border: None; Background color: # E0D1B4; Vertical-align: top; }  

If it looks complex ...

What does your CSS look like? Have you tried to add the following input elements?:

  vertical-align: middle;  

or

  Vertical-align: 50%;