Select and Input

Posted January 28th, 2008 by admin and filed in css
Add a Comment

.select {
height:20px;
_height:20px;
border: 1px solid #BFBFBF;
}
.input {
border: 1px solid #BFBFBF;
width: 150px;
line-height: 12px;
position: absolute;
top: 0;
padding: 3px 0 0 0;
height: 22px;
margin-right: 3px;
color: gray;
font-size: 12px;
font-family: Arial;
}
.left {
float:left;
}
.button {
border: 1px solid #cecece;
position: absolute;
top: 0;
color:#fff;
background:#edeced;
color: #326bb7;
font-size: 12px;
font-family: Arial;
height: 22px;
width:80px;
}

<div style=”position: absolute;”>
<div class=”left”><input type=”text” class=”input” value=”irina” /></div>
<div class=”left” style=”padding-left: 155px;”>
<select name=”aa” class=”select”>
<option selected>First</option>
<option>Second</option>
<option>Third</option>

</select></div>
<div style=”position: absolute; top: 0; left:240px;”><input type=”submit” Value=”Submit” class=”button” /></div>
</div>