<!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; clip: rect(5px, 40px, 45px, 5px); height: 260px; } .s_label { margin-top: 13px; margin-bottom: 3px; color: rgb(142, 142, 142); } .dg { padding: 11px; background: rgb(245, 245, 245) none repeat scroll 0% 50%; } .db { display: block; } </style> </head> <body> <div class="fl side1"> <div class="dg white_box"> <h2>Заголовок</h2> </div> <label class="db s_label">Название организации: </label> <div class="box"><input class="big_input" type="text"></div> <br> <br> <br> <div class="box"> <div class="dark_grey"><strong><label class="db s_label">Обязанности:</label></strong></div> <textarea class="big_textare"> </textarea> </div> </div> </body> </html> Здравствуйте. Подскажите пожалуйста, что тут изменить, чтобы правая граница блоков и инпутов лежала на одной линии. Старший программист мне говорит, что без JS не сделать. Но может есть более изящное решение на CSS? В аттаче картинка, где показано, что я хочу.
