Когда я очищаю элемент в Firefox4, он переходит на следующую строку, оставляя некоторый интервал между ними и в IE7, он переходит на следующую строку, не оставляя пробелов.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #a{border:#000 thin groove;float:left;} #b{border:#000 thin groove;float:left;clear:left;} </style> </head> <body> <p id="a">Testing</p> <p id="b">Testingb</p> </body> </html>
Большинство браузеров теперь имеют по умолчанию margin-top и margin-bottom больше нуля для p элементов.Internet Explorer этого не делает.
margin-top
margin-bottom
p
Добавление p { margin: 0; } к вашим стилям исправит это.
p { margin: 0; }