Dnia Thu, 8 Dec 2011 22:56:29 +0100, Marek napisał(a):

> Dnia Thu, 08 Dec 2011 21:48:49 +0100, ramblinman napisał(a):
>
>> Nie potrzebujesz tych marginesów. Element inline-block zwyczajnie
>> podlega centrowaniu z text-align. Czyli:
>
> Faktycznie, masz rację, że w ten sposób temat można rozwiązać. :-)
>
> Powstał jednak pewien rebus. Mamy kod:
>
> <dl class="test">
> <dd>a</dd>
> <dd>b</dd>
> <dd>c</dd>
> </dl>
>
> .test {
> padding: 0px;
> margin: 0px;
> text-align: center;
> }
> .test dd {
> text-align: center;
> margin: 0px;
> position: relative;
> display: inline-block;
> line-height: 100%;
> background-color: #0F0;
> padding: 0px;
> width: 50px;
> }
>
> Pomiędzy elementami dd powstaje 5 px lewy margines.O co może chodzić?

Ah już wiem. Znany błąd (?). Do test należy dodać font-size:0; a w dd
ustawić żądaną wielkość fontu :)