Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Главная</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru</a></p> <a href="http://www.mailxxx.ru" target="_blank" title="Посетить сайт" class="sm">"Правый текст"</a> </div> <div class="clear"></div> </div> </div> </body> </html> Есть CSS к нему * { margin: 0; padding: 0; } body { font: 12px Arial, sans-serif; text-align: left; } a { text-decoration: none; color: #cccccc; } #wrapper { width: 100%; } #t_header_middle, #b_header_middle, #nav_middle, #content_middle, #footer_middle { width: 960px; margin: 0 auto; display: block; position: relative; } #t_header { background-color: #000000; } #t_header_middle { color: #ffffff; outline: 1px solid #cc0000; padding: 10px 0; /* вот этот padding */ } #t_header_middle p { float: left; } #t_header_middle a.sm { float: right; } .clear { clear: both; } Пожалуйста объясните новичку почему padding: 10px 0; не дает ожидаемых внутренних отступов в контейнере #t_header_middle? Причем если не давать #t_header_middle a.sm - float: right; то padding: 10px 0; работает. Это связано с float? Если задать padding для родителя #t_header - то все работает, но мне необходимо разобраться в чем проблема в описанном выше случае. Наглядный пример
