|
Posted by Chaprasi on 11/24/42 11:45
Gurus in HTML and CSS, I need your help. I have this HTML which has
<DIV>'s columns and I have no idea why the 2nd column which has a drop
down is not aligning proper with the first column which has a text box.
Here is my HTML,
Thanks,
Chaprasi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:: DIVS ::</title>
<style type="text/css">
div.container
{
width: 500px;
float: left;
border: blue 1px solid;
}
div.columns
{
float: left;
width: 150px;
}
</style>
</head>
<body>
<div class="container">
<div class="columns">
<input id="Text1" name="Text1" type="text"/>
</div>
<div class="columns">
<select id="Select1" name="Select1">
<option>Item 1</option>
<option>Item 2</option>
</select>
</div>
<div class="columns">
<input id="Text2" name="Text2" type="text" />
</div>
</div>
</body>
</html>
Navigation:
[Reply to this message]
|