turkiturki
New Member
I want to create a login form with a certical line on his right side. Both are included into a div and this is the code\[code\] <div id="logindAndRegistra"> <div id="sezionesx"> <div class="scritta" id="loginHeader">Login</div><br /> <div class="scritta">Username <input id="username"/></div><br /> <div class="scritta">Password <input id="password"/></div> </div> <div id="separatore"></div> </div> \[/code\]The CSS\[code\] #logindAndRegistra { width:900px; margin-top:80px; margin-left:auto; margin-right:auto; } #sezionesx { float:left; width:200px}#separatore{ border-left: 1px solid black; height:156px; border-color:#000000; min-height:20px; margin-left:200px }\[/code\]The result is that the vertical line in positioned at the beginning of the parent div, such the login form... Setting "float:left" to the login form, should not allow to position the next element at the end of the predecessor automatically?