Побаловался я с кодом что ссылку дал Aykroyd. Не нравится только одно если у блока ограниченный размер например 400px и увеличивать размер шрифта то <label> перемещается вверх над <input> хотя находился слева от <input>
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Шаблон</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style><!--
* {margin: 0px; padding: 0px; font-size:100.01%; background-color: transparent; color: rgb(91, 91, 91); border: none;}
* html body {height: 100%;}
html {height: 100%;}
body {min-height: 100%; min-width: 800px; position:relative; font:62.5% Verdana,Arial,Helvetica,sans-serif; color: #000000; background-color: rgb(155, 155, 155); padding-bottom: 150px;}
#main {width: 400px;overflow: hidden;}
input, textarea {font: 62.5% Tahoma,Verdana,Arial,Helvetica,sans-serif;}
#testForm {font-size: 140%;width: auto; *float: right; margin: 20px 0 0 0;}
#testForm label {float:left; width:8em; line-height:1em;margin-right:0.1em; text-align:right;}
#testForm input, #testForm select, #testForm textarea {margin:0 0 0.5em 0.2em;width: 17em; font-family: Verdana;font-size:100%; background-color: White;}
#testForm textarea {margin:0 0 0 0.2em;height: 17em;}
#testForm .noresize {width:auto; }
--></style>
</head>
<body>
<div id="main">
<form method="post" action="#" id="testForm">
****<label for="inp1">ФИО:
</label>
*<input id="inp1" name="name1" value="" />
****<label for="inp3">E-mail:
</label>
*<input id="inp3" name="name3" value="" />
****<label for="inp4">Тема:
</label>
*<input id="inp4" name="name4" value="" />
****<label for="inp5">Текст:
</label>
****<textarea id="inp5" cols="10" rows="3" name="name5"></textarea>
</form>****
</div>
</body>
</html>
Кто нибудь подскажет как это лечится в даном случае ?