كيف اعدل هذا الكود بحيث يظهر الخانتين جنب بعضهم مش تحت بعضهم

السلام عليكم

احلى منتدى كيفكم يا غااااااااليين

معي كود جميل بس يطلع لي الخانتين تحت بعضهم هل في الامكان المساعدة بتعديله بحيث يظهر الخانتين جنب بعضهم وكلمة Login تكون على نفس الخط اذا في الامكان او طنشوا الموضوع عادي

اشوفكم على خير ان شاء الله

<!-- Start Bravenet.com Service Code -->
<div style="text-align: right; width:210px; padding:5px;">
<form action="http://pub12.bravenet.com/passwd/show.php" method="post">
<input type="hidden" name="usernum" value="1022565449" />
<div style="padding:3px; font: bold 13px arial;">Enter Password Protected Area</div>
<div style="padding:3px; font: normal 13px arial;">Username: <input type="text" name="uname" size="15" maxlength="30" style="width: 100px"></div>
<div style="padding:3px; font: normal 13px arial;">Password: <input type="password" name="passwd" size="15" maxlength="30" style="width: 100px"></div>
<div style="padding:3px;"><a style="font: bold 11px arial;" href="http://pub12.bravenet.com/passwd/requestpwd.php?usernum=1022565449">Request Password</a>   <input type="submit" name="submit" value="Login" style="width: 65px;"></div>
<div style="padding:5px; font: normal 11px arial;"><a href="http://www.bravenet.com">Powered by Bravenet</a></div>
</form>
</div>
<!-- End Bravenet.com Service Code -->

ما اعلم