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>
<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?
