Inline-CSS auf Formular

Question

Ich habe ein Problem, meine Anmeldeformulare auf meinen .wysija ((Mail Poet)) -Formularen richtig ausgerichtet zu bekommen. Ich würde es vorziehen, wenn sie neben dem oberen Teil des Formulars gestoßen werden, aber im Moment bin ich damit einverstanden, dass nur die Eingabefelder auf einer Linie aufgereiht sind. Siehe Bilder unten. Jede Hilfe wird sehr geschätzt !!

((Ich bin auf wordpress.org mit .com))

This is what it looks like currently

This is the coding that I currently have for the form

Answer 1

wie bereits.

.main-block{ 
 
width:600px; 
 
padding:25px; 
 
} 
 
.name{ 
 
width:200px; 
 
float:left; 
 
margin-right:15px; 
 
} 
 
.email{ 
 
width:200px; 
 
float:left; 
 
margin-right:15px; 
 
} 
 
.btn{ 
 
width:50px; 
 
float:left; 
 
margin-right:15px; 
 
text-align:center; 
 
}

<div class="main-block"> 
 
    <div class="name"><input type="text" placeholder="Enter your name here."></div> 
 
    <div class="email"><input type="text" placeholder="Enter your email here."></div> 
 
    <div class="btn"><input type="submit" class="btn"></div> 
 
    <div class="clear"></div> 
 
</div>