Создание необычных форм из div и input [закрыт]

span {position:relative;} 
.login{ 
  margin-bottom:10px; 
  height:20px; 
  border:none; 
  background: blue; 
  padding-right:40px; 
  padding-left:10px; 
} 
 
.submit{ 
  border: 3px solid #fff; 
  border-radius:100px; 
  position:absolute; 
  height: 40px; 
  width: 40px; 
  top:0; 
  right:0; 
  margin-top: 6px; 
  margin-right: -20px; 
  background: blue; 
}

<span> 
<input type="text" class="login" placeholder="Login"><br/> 
<input type="text" class="login" placeholder="Password">  
<input type="submit" class="submit" value=" "> 
</span>