Preaphflarp
New Member
This is my code (please see fiddle here):\[code\]<div class='container'> <div class='hero-unit'> <h2>Welcome</h2> <p>Please log in</p> <div id='login-box' class='pull-right control-group'> <div class='clearfix'> <input type='text' placeholder='Username' /> </div> <div class='clearfix'> <input type='password' placeholder='Password' /> </div> <button type='button' class='btn btn-primary'>Log in</button> </div> </div></div>\[/code\]I want \[code\]#login-box\[/code\] to have \[code\].pull-right\[/code\] and be at the same height as the \[code\]p\[/code\]. I can use \[code\]margin-top: -100px\[/code\] but that feels wrong.How can I have \[code\]#login-box\[/code\] at the same height as the \[code\]p\[/code\] without hardcoding a negative \[code\]margin-top\[/code\]?