[HTML][CSS]Czemu w <li> robi się margines, jak zaradzić?

[HTML][CSS]Czemu w <li> robi się margines, jak zaradzić?

mex Zobacz profil	26.10.2008, 12:42:22 Post #1
Grupa: Zarejestrowani Postów: 9 Pomógł: 0 Dołączył: 23.09.2008 Ostrzeżenie: (0%)	Cześć. Mam taki kod: Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> ol {background: #aaa; list-style-type: none; text-align: center; padding: 0; } ol li {background: #777; display: inline; padding: .5em; } </style> </head> <body> <ol> <li>Jeden</li> <li>Dwa</li> <li>Trzy</li> <li>Cztery</li> <li>Pięć</li> <li>Sześć</li> </ol> </body> </html> Pytanie: Czemu klocki <li> tworzą wkoło siebie margines 2px. Aby ułożyć elementy obok siebie bez przerw musimy zastosować margin: -2px. W czym tkwi haczyk, może ja coś nie tak czynię. Jak nadać liście <ol> tło aby wysokością dopasowywało się do wysokości <li> zawierającego padding? Czy jeśli ustawię <li> wg. float right/left to czy mogę elementy wyśrodkować, a jeśli tak to jak? P.S. Sprawa się odnosi do FF i Opery, w IE jest jak zwykle inna bajka. Ten post edytował mex 26.10.2008, 12:46:41