css - A button is bottom and a another button is top, why? -


i have problem 2 buttons css. want align 2 buttons next each other. css not wanted it. because button bottom , button top. see image: http://home.arcor.de/freedownload/buttonwrong.jpg

maybe have solution me? appreciated.

here html code:

<head> <link href="formular.css" type="text/css" rel="stylesheet"> </head>  <span id="form1"><input type="text" id="form_username" name="username"></span><span id="form2"><input type="image" src="loginbutton.png"></span> 

and here css code:

#form_username {     background: white url(username.png) left no-repeat;     background-position: 8px;     color: #adadad;     padding: 8px;     padding-left: 32px;     font-family: verdana;     font-size: 12px;     width: 200px;     border: 1px solid #e4e4e4;     outline: 3px solid #efefef; } 

try adding style #form_username

float: left; 

demo


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -

php - Accessing static methods using newly created $obj or using class Name -